performance - 我如何减少我网站的加载时间

Question

提前谢谢你:)

我正在用 laravel 开发一个网站。我的网站已优化，

但是加载时间是13s

我通过一些步骤优化了我的网站，并在 google pageSpeedInsight 中获得了 81% 的分数

1. 使用 Google 字体(之前从服务器加载)
2. Bootstrap (包括使用 CDN 的 Bootstrap )
3. 精简的 javascript
4. 精简 CSS
5. 压缩图片(在不影响质量的情况下减小图片大小)
6. 将图像转换为 Base64(以减少请求)

瓶颈是我的加载时间13s

以下原因可能是问题

• 文件大小为 1.4mb，加载时间将近 7 秒

• 最大的问题是图片，因此在呈现着陆页时，它几乎请求了 50 多张图片

  .但即使减少请求数量，它的加载时间也是 13 秒

  问题

  1. 实现网站 4 秒加载时间的路线图是什么？

  2. 如何实现网站的 4 秒加载时间

非常感谢你帮助我，我已经搜索了很长时间

感谢你的帮助

Answer 1

这真的很难抽象地回答。

一般来说，我发现 80/20 规则适用于页面性能 - 80% 的时间通常花在您需要加载的 20% 的 Assets 上。问题是每个网站可能有不同的 20% - 然而，加载时间为 13 秒，有一些可能的候选者。

大型 Assets ，通常是视频、音频或图像文件。 1.4Mb 的图像文件几乎可以接受，但越小越好。在 512K 的下载链接上，该文件的下载时间将超过 20 秒；在 aDSL(大约 6Mbps)上，它仍然需要几秒钟。理想情况下，您希望图像 <500Kb。

许多 Assets 即使您优化了所有图像，拥有许多大图像也会使页面变慢。如果由于网站的设计原因不可避免，请考虑延迟加载 - 仅在图像出现在浏览器的视口(viewport)中时才加载图像。

页面服务器端呈现缓慢如果您的 .php 文件很慢，网站也会很慢。

根据我的经验，结合/缩​​小 CSS/JS、使用 CDN 都会有所帮助，但通常只有在您解决了其他问题后才会这样做!