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

Question

先谢谢您：）

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

但是它的加载时间是13秒

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

1. 使用Google字体（以前是从服务器加载的）
2. 引导程序（包括使用CDN进行引导）
3. 精简的javascript
4. 缩小的CSS
5. 压缩图像（在不影响质量的情况下减小图像尺寸）
6. 将图像转换为Base64（以减少请求）

瓶颈是我的加载时间， 13s

以下原因可能是问题

• 文件大小为1.4mb，加载几乎需要7s

• 最大的问题是图像，因此，在呈现目标网页时，几乎需要50张以上的图像

  。但即使减少了请求的数量，它的加载时间却是 13s

  问题

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

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

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

感谢您的帮助

Answer 1

这真的很难抽象出来。

通常，我发现80/20规则适用于页面性能-80％的时间通常花费在需要加载的20％的资产上。问题是，每个网站可以拥有不同的20％-但是，加载时间为13秒时，会有一些候选网站。

大型资产，通常是视频，音频或图像文件。 1.4Mb映像文件几乎可以接受，但较小的文件肯定更好。在512K下载链接上，该文件将花费20秒以上的时间下载；在aDSL（大约6Mbps）上，仍然需要几秒钟。理想情况下，您希望图像<500Kb。

许多资产，即使您已经优化了所有图像，但是拥有很多大尺寸的图像也会使页面变慢。如果由于网站的设计而无法避免这种情况，请考虑延迟加载-仅在图像出现在浏览器的查看端口中时加载图像。

网页的服务器端渲染速度慢。如果您的.php文件速度慢，则网站速度会慢。

使用CDN组合/最小化CSS / JS都可以帮上忙，但通常只有在您解决了其他问题后，才能提供帮助-