更新ページを表示するときに読み込まれる.css,.jsなどのファイル数が多ければ多いほど、表示スピードは遅くなります。等の関数を使って、プラグインやテーマが読み込ませる外部ファイルを減らしてみました。外部から読み込むファイル数を減らすと高速化する理由それは、HTTPリクエストの数が減るからです。以前の記事でも説明しましたが、ファイルを読み込むたびに閲覧デバイスとサーバーとの間で通信が行われます。読み込むファイルの数を減らせば、ページの表示スピードが上がります。.cssや.jsだけでなく.png,.jpg,.gifなどの画像ファイルを減らすのも効果的です。特定の.cssファイルを読み込み対象から除外するwp_dequeue_style関数WordPressでは、ハンドル名つきで登録された.css,.jsファイルをwp_enqueue_sctyle関数,wp_enqueue_script関数で行列化して読み込みます。wp_dequeue_style関数,wp_dequeue_script関数は、以下の形でハンドル名を指定して、読み込み待ち行列の中から特定の.css,.jsファイルを除外します。wp_dequeue_style('ハンドル名');wp_dequeue_script('ハンドル名');wp_dequeue_style,wp_dequeue_scriptで読み込み対象から外れたファイルも、依然としてハンドル名で登録されています。ハンドル名つきで登録されている特定の.css,.jsファイルを登録解除する特定の.css,.jsファイルを読み込ませないようにするには、ハンドル名付きの登録を解除してしまう方法もあります。そのための関数がwp_deregister_style関数,wp_deregister_script関数で以下の形で使います。wp_deregister_style('ハンドル名');wp_deregister_script('ハンドル名');ハンドル名付きの登録が解除されたファイルは、wp_enqueue_sctyle関数,wp_enqueue_script関数が作る読み込み対象ファイルの行列の要素とはなりえず、やはり読み込まれません。私が読み込ませないようにした.css,.jsファイルプラグインやテーマが読み込ませる外部ファイルを減らすための関数を把握したら、今度は自分のサイトのソースを見て、削減対象を決めましょう。私の場合は以下のファイルの読み込みを停止しました。twelveテーマのnavigation.jsコアファイルのcomment-reply.min.jsといっても、上の二つについては.css,.jsファイルに書かれている内容は利用したいので、他の.css,.jsファイルに移して読み込みます。それでも読み込むファイル数が減るので高速化には寄与するはずです。.css,.jsファイルを読み込ませないためのコードは、function.phpに書きます。Footerプラグインを使っていると、プラグインがらみの.css,.jsファイルの読み込み停止を邪魔します。そこでハンドル名付きの登録を根こそぎ解除しました。すると、プラグインがらみの.css,.jsファイルの読み込みもきっちり停止しました。|ウェブシュフ」のページスピードをGoogleページスピードインサイトで計測しました。前回の記事と比べてスコアは全く変わらず。モバイル79、PC91でした。ファイルの枚数を5枚ほど減らしたくらいでは、明らかな差は出ないのでしょうか。読み込みファイルの枚数を減らすと高速化することは、メカニズムから明らかなので、今後も心がけたいと思います。fシェアtツイートB!はてブ著者:ウェブシュフFP主夫ブロガー。メインサイトは家計ブログ。PHPやSEOと格闘しつつWordPressで運営しています。サイトをいじったときの備忘録などウェブ関連のことをまとめたサブサイトとして当サイトを運営しています。当ドメインの運営歴は現在8年目です。コメントをキャンセルメールアドレスが公開されることはありません。よる表記とプライバシーポリシ。