网页加载非常慢

Question

我有一个加载速度非常慢的网页：https://www.mlh-shop.com/press/233

在那个滑块中有185个小图像。我如何优化它，以便更快地加载？

我可以只加载几张图片，显示页面，然后在后台加载其他图片吗？

Answer 1

浏览器对每个域允许的同时连接的数量有内置限制(现代浏览器默认为8个)。加快这一速度的一种方法是使用CDN -内容分发网络-它从不同的域加载图像。

另一个问题是如何使页面尽可能快地可用。为此，您使用“延迟加载”，其中只有最少数量的图像被页面超文本标记语言加载，其余的使用JavaScript动态加载。您发送一个图像列表，然后在页面加载完成后开始获取它们。

这并没有真正“加速”加载时间，而是允许在后台加载图像时立即使用页面。

您可以结合使用这两种技术以获得更好的性能。

Answer 2

我通过谷歌页面速度分析运行了你的网站，以下是他们的建议：

1. 图像以超文本标记语言或CSS格式调整大小。提供缩放图像可以节省3.4MiB (29% reduction).
2. Optimizing (压缩其文件大小))图像可以将其大小减少2.6MiB (22% reduction).
3. The可缓存资源具有较短的刷新寿命。为您的资源指定至少一周后的过期时间...

对于#3，您可以简单地使用.htaccess规则来设置下载资产的到期日期。下面是一个关于这一点的直通式guid：http://css-tricks.com/snippets/htaccess/set-expires/

干杯!

Answer 3

您可以做的一件事是将滑块中的所有图像预处理为一个大的静态图像。