WPでレンダリングブロックCSSを固定する

Question

こんにちは、私はGoogleページスピードからレンダリングをブロックする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を挿入します。しかし、Googleはこれを固定された勧告として数えていません。 このコード部分から、それを引き起こす問題は何か、それとも何か他にありますか？この問題のトラブルシューティング方法に関するヒント

また、同じ名前とURLの2つのブロックCSSファイルが表示されます。

Answer 1

まあ、正直言って、私は年齢のこれらの種類のものに取り組んできました。私ができることは、すべてのページに "インライン" CSSを追加することだけです。はい、* ssの痛みです。しかし、すべての後に... GoogleはそれでOK ..です

ソリューションは、（もちろん最小化。）各ページのすべてのCSSルールを取得し、HTMLにインラインCSSとして追加することです

歓声Autoptimizeで

Answer 2

...それは行くための最善の方法だ場合、しかし、それは私のために問題を解決するものだと確信していない、あなたはすべてのCSS インラインを有効にすることができますか？オプションを使用すると、問題はなくなります。

Answer 3

あなたの「クリティカルなCSS」はGPSI @ Eng80lvlでは不十分だと思われますので、あなたはそれを調べる必要があります。

"インラインオール"は、 "レンダリングブロック"の警告を修正しますが、CSSはごくわずかですが、表示対象のコンテンツの優先順位付けについて不平を言います（インラインCSSの量によって実際のコンテンツがたとえ同じ応答の一部であっても後で利用可能になる）。