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

提前感谢：）

我正在开发一个网站在拉威尔。我的网站经过优化

但其加载时间为13秒

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

使用Google字体（以前从服务器加载）

引导（包括使用CDN的引导）

精简javascript

缩小CSS

压缩图像（在不影响质量的情况下减小图像大小）

将图像转换为Base64（以减少请求）

瓶颈是我的加载时间13s

以下原因可能是问题所在

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

• 最大的问题是图像，所以当登录页面呈现时，它几乎需要50多个图像
  。但即使减少了请求数量，其加载时间也13s
  问题

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

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

非常感谢你帮了我很长时间我一直在寻找这个

---

感谢你的帮助

这确实很难抽象地回答

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

---

大型资产，通常是视频、音频或图像文件。1.4Mb的图像文件是可以接受的，但越小越好。在512K下载链接上，下载该文件需要20秒以上；在aDSL（大约6Mbps）上，仍然需要几秒钟。理想情况下，您希望图像以图像的形式呈现，这可能有助于快速交付图像资产。对于css，您可以将引导和css组合到一个文件中，然后使用从新css文件中删除任何未使用的css。此外，是否可以延迟加载站点上的某些资产（图像、内容）？@thisiskelvin我正在查看cloudinary.com我的代码中还有什么可以使用的吗？您是否考虑过缓存返回的

view（）

，以便您的应用程序不会重复执行相同的逻辑。这对于不经常更新的页面尤其有用。感谢您的帮助，我检查过我的图像都小于500kb，文档加载时间是否更长，因为我在blade中调用了helper函数，该函数将图像转换为base64并显示？？如果您在每个页面请求中都这样做，而不是从服务器端缓存服务，那么是的，它可能是！