稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

稼ぐ為の集客方法

wp-block-library-cssを削除する方法

投稿日:2020年5月30日 更新日:

いつの間にかあったwp-block-library-cssを削除する方法をご紹介いたします。

はじめに

ワードプレスで作成したサイトをGoogleのPageSpeed Insightsで調べるといつの間にかwp-block-library-cssと言うのがあり、これがスピード上とても足を引っ張っていたので、削除する方法をご紹介いたします。

注意事項

今のところ速さに関しては検索結果には大きくは影響しないみたいですが、早いにこしたことはないですよね

wp-block-library-cssについて

ワードプレスのバージョン5辺りでエディタが新しく変わったのはご存知でしょうか?個人的にはあのエディタが使いにくいので、クラシックを使用しています。
wp-block-library-cssは「Gutenberg」と言う新しいエディタ用のcssみたいです。私と同じようにクラシック使用している人は削除してしまっていてもかまわないと思います。

PageSpeed Insightsで調べてみた

PageSpeed Insightsを使って自分のサイトの速さを調べてみたのですが、低スコアだったので少し残念です(笑)

ただ、改善も出来るだろうと思い少し調べてみました。

改善出来る項目

改善できる項目内の一番上に「レンダリングを妨げるリソースの除外」と書かれている箇所が一番ダメっぽかったので、クリックしました。

すると一番上にある「…block-library/style.min.css」と言うのがあったのですが、これが大きく邪魔してるっぽかったです。

実際にソースを見ると

<link rel='stylesheet' id='wp-block-library-css'  href='https://www.moco358.com/wp-includes/css/dist/block-library/style.min.css?ver=5.3.2' type='text/css' media='all' />

と言うのがありました。

wp-block-library-cssを消す方法

ワードプレスのfunction.phpファイルに以下のコードを入力します。

function dequeue_plugins_style() {
    wp_dequeue_style('wp-block-library');
}
add_action( 'wp_enqueue_scripts', 'dequeue_plugins_style', 9999);

これだけで終了です。

wp-block-library-css削除後のスコア

この1行を削除しただけで4ポイントもスコアが伸びました。
これは非常に嬉しいですね。

以上でwp-block-library-cssを消す方法の説明を終了致します。

さいごに

新しいエディタはよくわからん

ワードプレス側も新しいエディタに移行した事で何かしらのメリットがあったのだと思いますが、何年も前から使っているので新しいのはピンとこなかったので使っていません。
クライアント様側では数人お使い頂いていますが、特に問題はない感じです。

-稼ぐ為の集客方法
-,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

yahooリスティング広告の申し込み方法

yahooリスティング広告に申し込みする方法をわかりやすくご紹介 関連記事: yahooリスティング広告で広告を作るまでの流れ Yahoo地図に掲載する方法 yahooリスティング広告らくアドの利用方 …

ワードプレスにQRコードを簡単に作成出来るプラグイン

ワードプレスにはQRコードのプラグインって色々とありますが、多分一番簡単に導入出来るプラグインなのではないでしょうか 関連記事: 検索結果に著者情報を掲載する方法 【2019年版】googleショッピ …

no image

最低限覚えておけば副業で使える簡単なソースコード

副業だけでなく、ブログなどでも見栄えをいじる時にちょっと覚えておけば簡単な修正だけでなく、カスタマイズも可能になります。 関連記事: 足底筋膜炎を2週間で改善させた方法 本当のアクセス解析じゃなかった …

yahooフリマ(旧paypayフリマ)でエラーが出た時

yahooフリマ(旧paypayフリマ)アプリでエラーが表示される場合の対処法について 関連記事: ECCUBE2系から4系へ移行時に出たエラー Jetpackのスペル&文法チェック 海外からの迷惑メ …

Merchant Centerから商品を再アップロードする方法

Merchant Center側から商品をアップロードして広告を再掲載する方法 関連記事: 【2019年版】googleショッピングに掲載する方法 検索結果に著者情報を掲載する方法 【EC-CUBE】 …