修复WP上的渲染阻止CSS

时间:2017-12-05 21:21:42

标签: css wordpress

您好我正在尝试从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文件。

3 个答案:

答案 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的数量会导致您的实际内容稍后可用,即使是相同响应的一部分)。