CSSやJavascriptを最適化してくれるプラグイン「Head Cleaner」の設定方法

前回のレッスンShow Current Templateプラグインで現在表示されているページのテンプレートを確認する方法

Head Cleanerは、WordpressのヘッダーやフッターにあるCSS・Javascriptのコードを最適化してくれるプラグインです。

コードを最適化することで、Wordpressの高速化を期待できるというメリットがあります。

早速設定方法を見ていきましょう。

スポンサーリンク




Head Cleanerの設定方法

まずはHead Cleanerをインストールしましょう。

プラグインのインストール方法については、WordPressでプラグインをインストールする2つの方法をご参考ください。

インストールが完了したら、管理画面の設定メニューから、Head Cleanerを選択します。

Head Cleanerの設定画面が表示されますので、以下の項目にチェックを入れていきましょう。

  • CSS と JavaScript を、サーバ上にキャッシュする
  • 複数の CSS を結合する
  • CSS を最適化する
  • 複数の JavaScript を結合する
  • JavaScript を小さくする
  • フッタ領域の JavaScript も対象にする
  • 内の JavaScript を、フッタ領域に移動
  • Google Ajax Libraries を利用する

上記の設定でCSSとJavascriptのコードを最適化し、サーバーにキャッシュすることで無駄な読み込みを減らし、ページを高速に表示させることができます。

さらに、以下の3つの項目にもチェックをしましょう。

  • メタタグ “generator” を削除
  • リンクタグ “RSD” を削除
  • リンクタグ “wlwmanifest” を削除.

これらのタグを削除することで、セキュリティの強化につなげます。

キャッシュファイルを削除する

キャッシュ機能はWordpressの高速化を実現する上で非常に便利な機能です。

しかし、一方でサーバーにキャッシュファイルが残ったままの状態でWordpressを更新したり、プラグインを導入すると変更が反映されない場合があります。

そのような場合は、いったんサーバーに残っているキャッシュファイルを全て削除します。

Head Cleaner 設定のページ下部にキャッシュファイル削除という項目がありますので、削除ボタンをクリックしましょう。

削除後に、変更が正しく反映されているか確認しましょう。

以上、CSSやJavascriptを最適化してくれるプラグイン「Head Cleaner」の設定方法でした。

次のレッスンへキャッシュ系プラグイン「W3 Total Cache」の設定方法

「WordPress初心者入門」のトップへ

調べても答えが分からない場合にはQ&Aサイト活用がおすすめです

ご自分で調べても答えが出てこない時には、Q&Aサイトを活用しましょう。

WordPressに関する質問でおすすめのQ&Aサイトはteratailです。

teratailはプログラミングに特化していますので、WordPressで難易度の高いカスタマイズに関する質問もしやすく、一般のQ&Aサイトよりも正確な回答が得やすいという特徴があります。

無料で利用ができますので、行き詰まってしまった時には利用いただいても良いでしょう。
エンジニア特化型Q&Aサイト「teratail」

スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク