加载时间

我看到的最大延迟是服务器等待时间。这可能是由许多事情造成的 - 远程服务器，糟糕/廉价的服务器，大量（未经优化的）数据库通信等。

接下来，我注意到了400KB的图片。虽然你说你已经完成了图像压缩，但这仍然是一个非常大的尺寸，所以我希望它是一个巨大的形象，你可能正在淘汰或其他一些合理的目的。如果它只是一个普通的背景图像（比如高清分辨率），你最好把它降低到至少一半。由于您正在使用自适应网站，因此您还可以考虑针对不同的设备/屏幕尺寸提供不同的图片。

接下来我看到一些css和js文件，一些是你的，另一个是第三方。你可以考虑将它们合并在一起，有很多很棒的部署工具可以做到这一点。

但即使你做了以上所有事情，也不要期望太多。根据您所说的内容，您已经非常接近最大优化，因此所有这些都将削减几十毫秒。

加载后时间

放弃你不需要的所有JS！是的，它包括jQuery，headJS，所有内容......以及复制/重写您实际使用的部分。当然，如果您使用95％的jQuery功能，这是没有意义的，没有人会这样做。

请注意事件监听器，确保正确定位元素。

Answer 2

尝试将JS导入放在页面的末尾（在关闭body标签之前），而不是将它们放在head标签的head标签中。例如：

<html>
<body>
//other declarations
<script src="js/jquery.js"></script>
<script src="js/myscript.min.js"></script>
</body>
</html>

这会减少加载页面的时间。

如何加快HTML网站的速度？

2 个答案:

加载时间

加载后时间