我的建筑可视化网站：http://www.greenshell3d.com
我注意到在网络标签上/隐身，加载上面的内容大约需要15秒左右。 （最值得注意的是图片幻灯片。）
幻灯片中的某些图片会在最后加载而不是网站加载过程的开头。现在我理解浏览器处理这个顺序，但也许有另一种方式。目前看，跳出率太高，我预计这是因为加载时间。
我在github上看过一个jquery片段，它允许一个人控制图像加载的顺序 - 你认为这是一个不错的选择吗？在投入时间来解决这个问题之前，我很高兴听到任何意见。
有什么想法吗？谢谢！
答案 0 :(得分：0)
你说你对任何意见都感兴趣，所以首先要考虑一下：没有页面折叠。我们制作内容的网络存在于许多不同的屏幕尺寸+分辨率中不可能说“折叠低于这个大图像！”。是的，Google更改了pagespeed洞察工具，让人们首先在页面顶部加载内容，但我认为他们的措辞非常糟糕。
现在您的图片加载问题：
我建议的第一件事是减少所有图像的大小。它们似乎是每张图像大约280 - 300 kb，你有几个。因为它们上面有半透明的覆盖层，所以你可能会在没有人注意到的情况下降低图像质量（因为它们没有直接看到图像）。在这里玩这些值。
然后我会考虑优化滑块的代码以首先加载第一个图像，然后是页面的其余部分以及其后的异步加载。另一个技巧可能是增加从第一张幻灯片到其他幻灯片的幻灯片淡入淡出时间，这样如果下一张图片还没有准备好，滑块也不会改变。你说你找到了一个jQuery脚本来实现它，这就是我开始的地方。
作为一般准则：源代码中请求的位置通常决定页面上事物的加载顺序。如果您的图片是由页面末尾的JavaScript请求的，则会导致图像的加载时间超过您希望加载的时间。