您好我正在尝试从Google Page速度修复渲染阻止CSS推荐。
<style>here goes critical path</style>
<link rel="preload" as="style" media="all" href="wp-content/cache/autoptimize/css/autoptimize_fb3761d5ff1bb5dcb1bc273f35788f8e.css" onload="this.rel='stylesheet'" />
<noscript id="aonoscrcss">
<link type="text/css" media="all" href="wp-content/cache/autoptimize/css/autoptimize_fb3761d5ff1bb5dcb1bc273f35788f8e.css" rel="stylesheet" />
</noscript>
我为此目的使用Autoptimize,所以我插入了关键路径并检查了推迟CSS。但是谷歌不会将此视为固定推荐。 从这个代码部分,是否有任何问题导致它,或者其他什么?有关如何解决此问题的任何提示?
此外,谷歌还展示了两个具有相同名称和网址的阻止css文件。
答案 0 :(得分:0)
说实话,我多年来一直在处理这类东西。我唯一能做的就是在所有页面上添加“内联”css ......是的,这是* ss的痛苦。但毕竟......谷歌还可以用它..
解决方案是获取EACH页面的所有css规则,并将其添加为html中的inline-css(当然最小化。)
不确定这是否是最好的方式,但这就是为我解决问题的原因..
欢呼声
答案 1 :(得分:0)
使用自动优化,您可以启用内联所有CSS?选项,问题就会消失。
答案 2 :(得分:0)
你的关键css&#34; GPSI @ Eng80lvl可能认为不够,你必须研究它(在别处重新生成它或自己调整它)。
&#34;内联所有&#34;修复了#34;渲染阻止&#34; - 警告,但是(除了你的CSS很少)看到GPSI抱怨&#34;优先考虑可见内容&#34; (因为内联CSS的数量会导致您的实际内容稍后可用,即使是相同响应的一部分)。