Autoptimizeのプラグインが必要か確認してから設定しよう

「Autoptimize」は、サイト(ブログ)を作る際に必要なファイル「HTML」「CSS」「 JavaScript」を縮小して高速化できるプラグインです。

 

このプラグインって入れる必要があるのかな???

 

と思った方向けの記事です。

 

「Autoptimize」を入れる必要かどうか確認しよう

「Autoptimize」を入れたほうがいいかどうかは、

あなたのサイト(ブログ)の状態によって異なります。

 

あなたのサイトがこのプレグインを入れる必要があるかどうか

PageSpeed Insights」を使って診断してみましょう!

 

「PageSpeed Insights」とは

URLをフォームに入力して送信するだけで、そのサイトのモバイル端末やパソコン向けのページの実際のパフォーマンスに関するレポートと、そうしたページの改善方法を確認できます。無料で(笑)

 

 

診断ツールでの結果で「HTMLを縮小する」とでたら必要

こちらの診断結果で以下のテキストが表示された場合、

あなたのサイト(ブログ)は「Autoptimize」を入れたほうがいいです!

 

そのテキストとは

 

Autoptimizeのプラグインが必要か確認してから設定しよう

HTML を縮小する
HTML コード(コード内のインライン JavaScript と CSS を含む)を縮小すると、データ サイズを大きく削減でき、ダウンロードや解析の速度を向上させることができます。
次のリソースの HTML を縮小すると、サイズを xx.x KB(xx%)削減できます。

 

いかがでしたか?

 

もし、表示されてなかったらあなたのサイト(ブログ)は、

すでに縮小済みなので入れる必要はありません。

 

もし、「HTML」や「CSS」「 JavaScript」を縮小した方が良いと判定されたら、

このままインストール方法へと進みしましょう。

 

『Autoptimize』のインストール方法と設定方法をまとめてますのでご確認ください。

 

インストール方法

Autoptimizeのプラグインが必要か確認してから設定しよう

 

  1. 「管理画面」から「プラグイン」を選択
  2. 「プラグイン」から「新規追加」を選択
  3. 右側の検索フォームに「Autoptimize」を入力して検索
  4. 「Autoptimize」と書かれたところの「インストール」ボタンを選択
  5. 「インストール」ボタンが「有効化」ボタンに切り替わるのでこちらも選択

 

Autoptimizeの使い方

 

管理画面左メニューの「設定」の中に「Autoptimize」が新たに追加されています。

 

その「Autoptimize」をクリックしてください。

 

「Autoptimize設定」の中に3つのタブがあります。

 

「メイン」と「追加」「更に最適化!」

触る部分は、「メインのみ」

 

Autoptimizeのプラグインが必要か確認してから設定しよう

 

HTMLオプション(HTML Option)

HTMLオプション(HTML Option)に書かれているHTML コードを最適化にチェックを入れます。

 

JavaScript オプション(JavaScript Option)

JavaScript オプション(JavaScript Option)に書かれている、「JavaScript コードの最適化」にチェックを入れます。

 

可能性は低いですが、Javascriptを最適化することでレイアウトが崩れる場合があります。

その場合は、チェックを外して確認してみてください。

CSS オプション(CSS Option)

こちらのCSSコードを最適化にチェックを入れます。

 

以上3箇所にチェックを入れたら「変更を保存してキャッシュを削除」してください。

 

以上で設定完了です。

 

まとめ

「Autoptimize」の設定が完了したら再度、「PageSpeed Insights」に挑戦してみてください。

 

そこで診断して、先程のHTML を縮小するが表示されてなければ成功です。

 

もしくは、多少は点数が良くなっていれば結果オーライです。

 

こちらは2018年6月に記事作ったのですが、数年前と違って設定が結構簡易化されててびっくりしました。

 

2~3年前は、はもうちょっと細かく設定されていたのに、「Autoptimize」の設定もいつのまに最適化されて使いやすくなっていたようです(笑)

 

進化し続ける「Autoptimize」!

 

こちらのプラグインもぜひ試してみてください。

 

スポンサーリンク
隙間時間でアフィリエイトで20万稼いだ方法を教える無料メルマガ♪

斎藤かずまの無料メルマガ講座では副業ブログで稼ぎたいと考えている人に大変評判のメルマガです。

 

他のメルマガとの違い

サラリーマン独自のよくある時間のない悩みから解放されて稼ぐ方法

サラリーマンだからこそ本業を活かして稼くやり方

WEBに全く詳しくないサラリーマンを褒めて伸ばすのが私のブログです。

 

僕が5年以上積み重ねた作業記録や思考を伝えることでまずあなたに

1円稼いでもらいます。

そのあとはメルマガをしっかり読んで行動してくれれば

1万円、3万円、5万円とステップアップして稼ぐことが可能です。

 

サラリーマンに読んでもらいアフィリエイト情報満載のメルマガ!

特にブラック企業に務めている人に読んでもらいたいかも。

私もブラック企業勤めで体崩してやめたので、ホント副業で稼げるようになってお金に余裕ができたり自信がついてからホワイト企業に転職するなりしてほしいと思います。

今なら無料プレゼント配布中!最新情報もGET!

<メルマガ登録は2STEPで完了>

  1. 「名前」「メールアドレス」の2点を入力
  2. 「送信」ボタンを押して完了

プレゼントは登録後すぐにGETできます。

無料メルマガ登録はこちら

名前 姓     名 
メールアドレス

  • Twitterでフォローしよう

    おすすめの記事