Page Speed googleがレンダリングブロックでStyle.cssを表示しています

Question

wordpressのレンダリングブロックからstyle.cssを削除する方法を知っている人はいますか。

ありがとうございます。

Answer 1

レンダリングブロックファイルについて簡単に説明します。

を参照してください。WordPressサイトには、ウェブサイトのフロントエンドにJavaScriptとCSSファイルを追加するテーマとプラグインがあり、サイトのページ読み込み時間を長くする可能性があります。

ブラウザがページを読み込むときに、ページ上のHTMLの残りを読み込む前に、それらのスクリプトとCSSを読み込みます。これらのスクリプトとスタイルシートは、レンダリングをブロックするJavaScript/CSSと呼ばれます。

ソリューション：

あなたはAutoptimizeプラグインをインストールして起動することができます。 のインストールhereを参照できます。このプラグインは、 JS/CSSコードを最適化するオプションを提供します。アクティベーション後、設定» 自動最適化ページにアクセスして、プラグインの設定を行う必要があります。

PageSpeedツールを使用してウェブサイトをテストします。まだ ブロッキングスクリプトがレンダリングされている場合は、プラグインの設定ページに再度アクセスし、 「詳細設定を表示」をクリックします。ここで、プラグインにインラインJS を含め、デフォルトで除外されているスクリプトを削除できます。 PageSpeedを使用して サイトを再テストします。