背景大小：覆盖滞后

所以我有这个问题，在我的网站上，我有很多与背景大小的部分：对他们的封面属性，并导致我的网站滞后地狱。是否有任何解决方案在每台设备上包含100％的图片宽度，但是为了摆脱网站滞后？我搜索了一些其他的网站，发现这个对象适合：封面上的img标签，但似乎无法在我的网页上实现。我也压缩每个图像，所以它占用更少的空间。任何答案都会有很大的帮助。提前致谢。背景大小：覆盖滞后

的Website

来源

2016-04-03 Ognjen

请分享您的网站，我不认为'background-size：cover;'导致laggs – Roman

网站仍然是本地主机，它确实，我检查了，当我删除它们时，它顺利滚动 – Ognjen

@Roman我会说**分享一个最小的，具体的和可验证的例子**，而不是一个网站或一个编码器。 – Terry

那么首先你所有的网站加载快，我（但我有一个非常快速的连接）。但是，尽管如此，你的图片太大了，无法满足你的需求。例如，box-2.jpg有一个size: 3500 x 2333 px。你应该调整你的图像。

只是压缩图像在这里不会有太大的帮助，因为尺寸依然存在，压缩太多也是不好的，因为你总是失去质量。例如谷歌速度见解总是建议将图像压缩到最大值，这不是要走的路。

但是对于你google speed insights是一个很好的方式去寻找其他elememts可以优化。

来源

2016-04-03 12:34:16 Roman

你认为，其他一些CSS方法会有所作为吗？也许不会使用bg-size：cover，而是其他的东西？ – Ognjen

说实话，我不认为bg-size：cover;是这个原因，但我从来没有遇到过这样的问题，所以我不想在这里说错了什么。 – Roman

谢谢你的回答，我会尽量降低img尺寸。 – Ognjen

背景大小：覆盖滞后

回答

相关问题