Seo 如何克服PageSpeed Insight中的渲染阻塞CSS

我对使用WordPress创建的网站进行了测试

它在折叠内容上方显示消除渲染阻塞JavaScript和CSS

删除style.css文件时，错误消息消失，该文件是我的核心css文件，包含7000行代码

参考，我将这行代码应用到我的

var cb=函数（）{
var l=document.createElement（'link'）；l.rel='stylesheet'；
l、 href='small.css'；
var h=document.getElementsByTagName（'head'）[0]；h.parentNode.insertBefore（l，h）；
};
var raf=requestAnimationFrame | | mozRequestAnimationFrame||
webkitRequestAnimationFrame | | msRequestAnimationFrame；
if（raf）raf（cb）；
else窗口。addEventListener（'load'，cb）；

应用此方法会导致更多的阻塞资源

我可以知道如何克服这个问题吗？谢谢

---

附言：如果你投反对票，请提供理由。所以下次我可以提高我的提问质量。

你能异步加载CSS吗，或者有必要的媒体查询吗

最好的办法是内联一些媒体查询内容，以便每个查询都从HTML中完成——这将消除渲染阻塞

---

不过，我会声明，如果你的页面加载速度在chrome中显示得更低，则可以忽略Pageinsights。这不是100%。这就是你真正想关注的地方，因为谷歌给你的用户反馈比机器人的质量分数更高。如果你能将负载减少到0.5秒，用户的弹跳就会减少。

这里的人们投票只是为了好玩。如果你回答一个问题，而有人不同意你，或者他们有自己的答案。。。他们针对你的答案。我想说PageSpeed Insights的算法非常激进，即使你的页面加载速度如此之快，你可能会得到一个低分，为了获得高分，你应该内联CSS或将其放在页面底部等，但是，根据你的网站的大小，它可能会引起另一个问题，如FUCC，这对用户来说是一个非常糟糕的体验，所以我也考虑使用其他工具，比如：检查你的站点性能，而不是为了只获得100%分值的PigSePees洞察力，也考虑到高质量的内容和可用性。

<script>
var cb = function() {
    var l = document.createElement('link'); l.rel = 'stylesheet';
    l.href = 'small.css';
    var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
  };
  var raf = requestAnimationFrame || mozRequestAnimationFrame ||
      webkitRequestAnimationFrame || msRequestAnimationFrame;
  if (raf) raf(cb);
  else window.addEventListener('load', cb);
</script>