如何解决WordPress中消除渲染阻塞后产生的布局移位问题？
我们已经开发了我们的网站在WordPress使用阿斯特拉主题和海狸网页建设者plugin.to增加网站评分，我们使用WordPress插件进行优化。现在WP正在优化CSS和JavaScript，并最终加载CSS和JS文件.因此，由于海狸页面构建器样式(布局CSS)加载较晚，它在页面速度洞察力方面产生了CLS问题。是否有任何方法来加载那些布局CSS文件在第一次加载。
备注：对于每个页面，这些布局CSS文件是由河狸页面生成器自动生成的。
回答 1
Stack Overflow用户
发布于 2021-10-13 13:04:25
您可以轻松地解决CLS问题。如果您正在使用WP火箭或任何其他缓存插件，他们还创建了CSS和缓存文件。什么是CLS。基本上，CLS (累积布局移位)是指在页面的整个生命周期内发生的每一次意外布局移位的所有单个布局移位分数的总和。对于任何正数，分数为零，其中零表示没有移位，数字越大，页面上布局移动越多。这一点很重要，因为当用户试图与页面元素交互时，页面元素会发生变化，这是一种糟糕的用户体验。
如何解决：
为了解决CLS问题，我们有三个解决方案：
1.使用CDN
CDN允许快速传输加载Internet内容所需的资产，包括HTML页面、javascript文件、样式表、图像和视频。CDN服务的流行程度继续增长，今天，大多数web流量都是通过CDN(包括流量)来服务的。我们有各种CDN平台，如：https://www.cloudflare.com/
您也可以参考主机提供商，他们也为您的域名提供CDN。您可以请求CDN的主机提供商。
2.图像优化
您需要优化所有网站的图像，以交付大的内容在最短的时间，您可以使用插件的图像优化以及。
3.使用预加载器
这个解决方案是非常有效的解决方案。您可以在您的站点上使用加载程序，它可以轻松地解决CLS问题及其100%的工作。对于加载程序，您可以使用预加载程序插件。
希望您了解解决方案及其要求。
谢谢
https://stackoverflow.com/questions/69553813
复制相似问题
腾讯云开发者
