为什么我的投资组合网站需要很长时间才能加载？

Question

第一次访问我的网站时，它会在初始屏幕上停留大约一分钟。 我想知道这是否与我的 HTML 和 CSS 代码图片的文件大小有关？ 您可以通过查看页面源代码来检查 HTML 代码。 如果需要，我将添加 CSS 代码。

这是我的网站： Tom Falzani Portfolio Website。

Answer 1

每当您遇到性能问题时，请不要忘记浏览器开发人员调试工具的网络选项卡。 请参阅Google 网络性能文档。

这是您网站的初始化和加载记录，如果我们深入研究，我们会看到philly_scene.png文件大小为 6.3 MB，加载时间为 25 秒，而philly.png文件大小为 6.6 MB并需要 18 秒。

为了避免这么长的加载时间，您可以尝试使用此链接调整它们的大小，例如。 （没用过）
或者，您可以异步执行它们并提供您网站的第一次渲染，直到它们实际加载。 如果您使用的是 jQuery，请查看.load() 函数，如果您使用的是Node.js ，还有许多其他方法可以做到，例如Axios Promise或Async 库