首次加载时网站性能下降？

Question

我刚刚使用GoDaddy发布了我的第一个网站。看来，当用户首次加载网站时，它的运行速度非常慢。否则，在第一次加载后，网站将始终加载平稳。

我以为也许我需要一个“处理”页面，但我无法确定问题出在哪里

代码： https://github.com/mohanadarafe/My-Personal-Website/

网络 www.mohanadarafe.io

Answer 1

第一次加载后，您的浏览器已经缓存了图像，因此您的网络随后将可以顺利加载。

要提高性能，您可以使用www.tinypng.com减小图片大小，以便立即开始加载。

Answer 2

以下是我确保最快网站速度的过程。

1. 确保所有使用的图像都被正确压缩。我喜欢这个工具：https://squoosh.app，它也有一个不错的 CLI。

2. 如果使用视频，也要压缩这些。我喜欢ffmpeg，但每个人都不一样。

3. 确保图片和视频以其最佳格式（webp、webm 等）呈现。

4. 确保所有 CSS 和 JS 包都被缩小到最大程度。在线提供各种 CSS 和 JS 压缩器。

5. 完成这些步骤后，如果网站仍然加载缓慢，请使用外部监控工具。以下是我最喜欢的两个：

https://developers.google.com/speed/pagespeed/insights/

https://gtmetrix.com/

您可以使用瀑布图来分析应用不同部分的加载时间，但我发现这两个工具要好得多。