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

Question

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

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

Answer 1

每当您遇到性能问题时，请不要忘记浏览器的开发者debbuging工具的网络标签。请参阅Google Network Performance Documentation。

以下是您网站初始化和加载的记录，如果我们深入了解一下，我们会看到 philly_scene.png 文件生成6.3 MB并需要25秒才能加载并且 philly.png 文件生成6.6 MB并需要18秒。

为避免这段漫长的加载时间，您可以尝试使用this link, for exemple调整它们的大小。 （从未使用过）
或者你可以asynchronously向他们发送你的网站的第一个渲染，直到他们实际加载。 如果您正在使用jQuery，请查看.load() function，如果您正在使用Axios Promise或Async library，还有很多其他方法可以使用它Node.js