masakichi-code

独学エンジニアの技術ブログ

block-library style.min.cssを読み込ませない方法【レンダリングを妨げるリソースの除外】

  • PHP

2023.12.13(水)

『レンダリングを妨げるリソースの除外にblock-libraryのstyle.min.cssと表示されている』
『見覚えがないけど、どうすれば良いの?』

こういった疑問に答えます。

本記事の内容

  • block-library style.min.cssの正体
  • block-library style.min.cssを読み込みさせない方法

Webエンジニア歴1年半
WordPressの運営&立ち上げ70サイト以上かかわっている

こういった私が解説していきます。

1. block-library style.min.cssの正体

  • その①:正体はGutenberg用のCSSです

その①:正体はGutenberg用のCSSです

使っていなければ読み込まなくてOK

Classic Editorを使っている方はGutenberg用のCSSを読み込まなくてOKです。
PageSpeed Insightsで『レンダリングを妨げるリソースの除外』項目として表示されます。

functions.phpで対処できるのでやってしまいましょう。

1. block-library style.min.cssを読み込みさせない方法

  • その①:functions.phpへ追記する

その①:functions.phpへ追記する

下記コードを追記するだけです

下記コードでGutenberg用のCSSの読み込みさせないようにします。

PageSpeed Insightsで確認する

ご自身でPageSpeed Insightsをご確認してみてください。
私はこれだけで10点近く上がりました。

以上、block-libraryのstyle.min.cssの読み込みさせない方法をご紹介しました。
ではまた。