Autoptimizeの使い方と設定方法まとめ【画像付きで誰でもわかる】

こまりくん

ワードプレスのプラグイン「Autoptimize」はサイトの表示速度を改善するのにいいって聞くけど本当？

よくわかんないから、改善した結果とか設定方法が知りたい！

ぎもんさん

このような悩みや疑問がある方は必見！

この記事ではどのサイトよりも詳しく丁寧にAutoptimizeの使い方と設定方法をまとめでご紹介いたします。

インストール方法や使い方について、画像付きで誰でもわかるように解説。
ぜひ参考に最後まで読んで頂けたらと思います。

記事の内容

・Autoptimizeとは
・インストール方法
・設定方法
・さらに画像を軽量化する方法

記事の信頼性

当サイトで「Autoptimize」を導入。
表示速度は記事執筆時点でPC(99)モバイル(95)という高得点を出しました。

注意事項

当記事はWordPressを利用して作られているサイト向けの記事です。

WordPressテーマや他に導入しているプラグインによっては干渉しうまく動作しない場合があるのでご注意ください。

Autoptimizeとはどのようなプラグイン？

Autoptimizeとは、サイトの読込速度を向上するWordPressのプラグインの一つ。

サイトを構成する上で使用されているHTMLやCSS、Javascriptなどのリソースを最適化する働きがあります。

「リソースを最適化する」とは、簡単にいうと無駄なものを排除して読込を高速化するといった意味です。

ぎもんさん

リソースを最適化するとどんないいことがあるの？

サイトを読み込むデータ量が少なくなるから、ページの読み込み速度が上がるんだよ！

ともき

実際にAutoptimizeを導入する前と、導入した後の違いを見てみましょう。
まずは導入する前から。

PCが86、モバイルが68というスコアです。
一方、導入後の結果はこちら。

PCが99、モバイルが93というハイスコアに生まれ変わりました！

このように、しっかりと設定すれば読込速度の期待ができるプラグインです。

ぎもんさん

読み込み速度が速いとどうなるの？遅くても結果的に見ることができれば良くない？

読み込みに時間がかかればかかるほど諦めてページを見ないで帰っちゃう人が増えちゃうんだよ...悲しいよね...

ともき

実際に下記のような検証データもあります。

表示速度が1秒から3秒に落ちると、直帰率は32%上昇
表示速度が1秒から5秒に落ちると、直帰率は90%上昇
表示速度が1秒から6秒に落ちると、直帰率は106%上昇
表示速度が1秒から7秒に落ちると、直帰率は113%上昇
表示速度が1秒から10秒に落ちると、直帰率は123%上昇
引用：海外SEOブログ(表示速度が1秒→7秒で直帰率は113%↑、モバイル向けサイトのUXはとにかくスピードが命)

ポイント

ブログの表示速度は速いほど記事を読んてもらえる可能性が高まるので、積極的に改善することをおすすめします。

Autoptimizeを導入して読み込み速度を向上させる重要性がわかったら、続きでインストールや設定を行ってみましょう！