dashicons.min.css サイト価値・ページ価値を上げていきたい(1)

こんにちは。


Google Search Consoleを見ていて気になった拡張の速度(試験運用版)

Google Search Console は、Google 検索結果でのサイトの掲載順位を監視、管理、改善するのに役立つ Google の無料サービスです。

サイト価値やページの価値を上げるために、速度を見直しました

まずは、お金をかけずに行える対策から

速度スコアの確認

Googleが提供している速度スコアを出してくれるオンライン ツール

PageSpeed Insights


PageSpeed Insights は、ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案します。

速度スコアの結果

・モバイル 66

・パソコン 85

改善できる項目 dashicons.min.css

スコアを出した後、下にスクロールしていくと

・改善できる項目

・合格した監査

といった内容を教えてくれます



今回、いくつかある改善できる項目から実施したのが「dashicons.min.css」についての対応

使用していない CSS を削除してください

スタイルシートから古いルールを削除し、スクロールせずに見える範囲のコンテンツに使用されていない CSS の読み込みを遅延させると、データ通信量を減らすことができます。

ページで使用されていない CSS を読み込む WordPress プラグインの数を減らすか、他のプラグインに切り替えることをご検討ください。不要な CSS を読み込んでいるプラグインを特定するには、Chrome DevTools でコードの Coverage を確認します。スタイルシートの URL から、それを使用しているテーマやプラグインを特定できます。多くのスタイルシートを使用しているプラグイン(コードの Coverage で赤色の部分が多いもの)をリストで探します。プラグインによってキューに追加されるスタイルシートは、実際にページで使用されるもののみにする必要があります。

URL サイズ 減らせるデータ量

…css/dashicons.min.css(.) 28 KB 28 KB



① 使っていないなら別ディレクトリに退避させる

  or

② WordPress更新時に復活するなら除外


最初は上のどちらかを想定。



〜〜〜〜

事前に調べてみたところ



dashicons.min.css はWordPressに必要です。

<それを捨てるなんてとんでもない



厳密に言うと管理画面を使用するなら必要


使用していないと表示されるようなファイルでも、運営や運用に支障がでるので行き当たりばったりなファイルの移動や削除はやめましょう(戒め




速度スコアの結果を見るかぎり、管理画面以外の訪問者が見るページには使用されていないcssなので条件付きで適用されないようにすることは可能です。

実施した内容

・管理画面上ではdashicons.min.css適用

・訪問者がサイトにアクセスしたときはdashicons.min.css除外




functions.phpに以下のコードを追記。

「外観」

 > 「テーマエディター」

 > 「テーマのための関数 (functions.php)」

/** Remove dashicons.min.css from frontend pi-ko 20200229 start */
add_action( 'wp_enqueue_scripts', 'bs_dequeue_dashicons' );
function bs_dequeue_dashicons() {
    if ( ! is_user_logged_in() ) {
        wp_deregister_style( 'dashicons' );
    }
}
/** Remove dashicons.min.css from frontend pi-ko 20200229 end */

“bs_dequeue_dashicons”のファンクション名は任意の文字列です。

別の名前にする場合はWordPress本体や他のプラグインで使用していないファンクション名を指定する必要があります。



これで、管理画面では今まで通り。

訪問者からはプラグインによって読み込まれるdashicons.min.cssが適用されない状態にできました。


注: テーマの新しいバージョン「テーマを更新」を行うと加えたカスタマイズがすべて失われます。

確認方法

再度、PageSpeed Insightsで速度スコアを出し直して改善できる項目が消えていることを確認


または


ブラウザ上で「ページのソースを表示」から
dashicons.min.cssの定義がないことを確認することもできます。


合わせて管理画面も問題ないかを動作確認済みです。

サイト価値・ページ価値を上げていきたい(2)

返信する