初心者が読むべき500のノウハウ記事のまとめ

ブログの表示スピードをアップさせるワードプレスプラグイン【EWWW Image Optimizer】の設定方法と使い方:ItaruBlog

この記事はこんな人におすすめ
  • ブログの表示スピードをアップさせたい
  • 画像のアップを何となくやってしまってる人
紹介記事:【2019年版】EWWW Image Optimizerの設定方法と使い方:画像最適化プラグイン
著者:ItaruBlog

雑記ブログ9ヶ月で10万PV達成のいたるさん(@mixart_twit)の記事です。
ワードプレスの表示をスピードアップする画像最適化プラグインを紹介されてます。

いたるさんの記事を読んで勉強になったポイント

  1. 画像最適化プラグイン「EWWW Image Optimizer」の使い方
  2. さらに画像を軽くする方法


ワードプレスで記事を書き進めていると、途中気になるブログの表示スピード・・。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

ん?ひょっとして、、うちのブログ重たい・・??

というわけで、早速スピードテストしてみました。
参考Page Speed Insights

まずは、PC版のスピードテスト60点・・あんまり良くはない・・

PCのスピードテスト結果

次にモバイル・・レッドゾーン((((;゚Д゚))))

モバイルのテスト結果
https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

表示スピードは検索結果の順位にも関わると言われています

前からモバイルが遅かったので諦めてましたが、少しでも改善するならやっておこうと思い、ググった結果いたるさん(@mixart_twit)の記事にたどり着きました。

「EWWW Image Optimizer」を導入した結果


インストールや設定は記事に沿ってスムーズに進められます。

私は、記事がすでに200近くあり画像も5000点くらいありましたが、こちらのプラグインのおかげで、一括最適化はボタンワンタッチで1時間で終わりました。

地道にやっていたら・・と思うと気が気じゃありませんね(゚´ω`゚)゚。ピー

PCの再チェック結果
モバイルの再チェック結果

PCは大きな改善!(モバイルは引き続きダイエットさせていきます・・)

本当は、HTMLとかCSSとかたくさん修正する箇所はあると思いますが、、よく分からないので、あまり触りたくありません( ゚д゚ )クワッ!!

なので、

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

特にHTMLなど修正入れずに、数値改善できたのは激嬉しい!

こちらの記事には、他にも画像最適化の方法も案内されてますので、ぜひチェックしてみてください゚(´ε` )

この記事と合わせて読んで欲しいツイート

参考 【2019年版】EWWW Image Optimizerの設定方法と使い方:画像最適化プラグインItaruBlog