我的网站加载速度是2.4秒，如何降低加载速度？

Question

我注意到我的网站https://www.shotblastingmachines.in/目前的加载速度为2.4秒。虽然这是可以接受的，但我希望进一步优化和改善用户体验。您会推荐哪些具体策略和技术来降低我网站的加载速度？是否有任何我应该解决的常见问题或瓶颈？我可以采取哪些步骤来有效地实施这些改进？

我对优化图像、利用浏览器缓存、最小化 HTTP 请求以及任何其他有助于提高网站响应速度的最佳实践特别感兴趣。

我们将非常感谢您在这方面的专业知识和指导，因为我的目标是为我的访客创造无缝且高效的在线体验。

我预计加载速度的解决方案可以从2.4s降低到1s。

Answer 1

打开网络浏览器的开发人员工具，转到网络选项卡，然后重新加载页面。您将看到提出了哪些请求、请求的顺序以及需要多长时间。

就您的情况而言，您应该注意到的第一件事是您发出了 72 个请求来加载单个页面。其中，25 个用于 CSS 和 JavaScript 文件；您应该能够将它们捆绑在一起，这样您就只有一个 CSS 请求和一个 JavaScript 请求。您还加载了 3 个用于 Google 验证码的子文档，登陆页面可能不需要这些子文档。

但是，主要问题是您正在加载 43 个媒体文件。第一次查看页面时，其中大多数是不可见的。因此，请确保初始渲染不需要它们。为此，最好的办法是通过在

<img>

标签中为每个图像提供固定尺寸，确保可以在不加载图像的情况下完成布局。您还可以使用延迟图像加载，这也可以节省带宽，但请记住，当人们在加载这些图像时滚动页面时，这会增加延迟。

完成此操作后，您可以查看个人请求。特别是第一个请求需要 746 毫秒，这对于静态文档来说是一个非常长的时间。