此CSS代码对wordpress网站有什么影响？

Question

我想确认一下此CSS代码对wordpress网站主页的影响。

.lazy { display: none !important; }

非常感谢您的解释。

我注意到首页中的图像被阻止显示，这就是为什么我问这个问题。

Answer 1

CSS代码本身会阻止任何具有它的元素显示在屏幕上。

由于其名称，它可以用于启用称为“延迟加载”的功能（您可以阅读有关here的信息）。 通常使用lazyload的原因有几个：

1. 消除了最初加载许多图像的压力；有时，图片会放置在页面的末尾，因此客户端不会在页面顶部看到它，而懒惰的加载会欺骗它。您可以阻止加载这些图像，并仅在客户端通过滚动或其他事件到达它们的那一刻就强制它们加载，这样可以改善页面的加载（因为页面现在变浅了）

2. 用于制作一些视觉效果；几乎在所有需要隐藏图像的地方，都会经过一些杂耍或某些特定事件后显示（例如wp-admin和子菜单，如果您按住鼠标或单击它们会显示出来）

3. 等 记录原因；我猜你的代码类型（将在客户端和客户端浏览器中处理）不适合第一个原因，并且可能用于第二个原因，因为出于第一个原因，它在（在我看来是必须）更好地实现的服务器端。为什么？因为在您的代码中，由于CSS代码，图像已加载并且将在其中显示，并且只是未显示

这就是我所知道的，但是如果您想获得更具体的答案，您必须说出在WordPress，插件，wp-admin，模板等中看到的位置

希望答案对您来说很方便