「エンジョイ鉄旅!」は、青春18きっぷやその他のお得なきっぷでの鉄旅を楽しむブログ
鉄旅に便利でお得なきっぷの王様「青春18きっぷ」

乗り鉄さんからそうでない人までに発売開始から35年以上の人気を誇る「青春18きっぷ」。

今さら聞けない「青春18きっぷ」の基本中の基本を徹底解説しています!

青春18きっぷの詳細はこちら!

【WordPressプラグイン】EWWW Image Optimizerで画像を最適化(圧縮)してWordPressブログを高速化しよう!

ブログ運営

ここのところ「あらくまの一粒万倍ブログ」を書いていて、記事内に画像を使う頻度が多くなってきた、あらくま(@sa_arakuma)です。

で、「画像が多くなってくるとサイトの表示速度を低下させ、ユーザビリティも低下しまい、サイト離脱率が大きくなる」なんていう問題が起きてくるんだそうで、「早いうちに何か対策しておかないといけないな」と思っていたところ、『EWWW Image Optimizer』というプラグインを使うことで対策ができる ということを知ったのでお伝えしていきます。

スポンサーリンク

画像の最適化とは

ブログで使っている画像を画質はそのままに、ファイルサイズを圧縮して転送サイズを減らすことにより、ブログの表示速度を速くすることです。

EWWW Image Optimizerのインストールと有効化

それでは画像を最適化(圧縮)してWordPressブログの表示速度をあげるためにEWWW Image Optimizerのインストールと有効化をしていきましょう。

1.WordPressにログイン後「プラグイン→新規追加」で、画像の赤枠内に『EWWW Image Optimizer』と入力。

2.EWWW Image Optimizerが検索されますので『今すぐインストール』をクリック。

3.インストールが終わると、2でクリックしたところが『有効化』に変わるのでココをクリック。

これで「EWWW Image Optimizer」のインストールと有効化が完了です。

EWWW Image Optimizerの設定

インストールと有効化が終了したら、さっそくEWWW Image Optimizerを設定していきます。

EWWW Image Optimizerの設定をする場所は、WordPressログイン後「設定→EWWW Image Optimizer」で設定していきます。

基本設定

『メタデータを削除する』にチェックを入れます。有効化した時点でチェックがしてありますけどね。チェックが入ってることを確認しておきましょう。

画像に含まれている不要なメタデータを削除することにより、画像の圧縮率を高めるためです。

高度な設定

『無効にする pngout』にチェックを入れます。ここも有効化した時点でチェックがしてありますけどね。チェックが入ってることを確認しておきましょう。

その他についてはそのままで良いです。

変換設定

『コンバージョンリンクを非表示』にチェックを入れ、下にある 変更を保存 をクリックするのを忘れずに。


EWWW Image Optimizerの使い方

設定も終わりましたので、EWWW Image Optimizerの使い方をお伝えしていきましょう。

新規画像の圧縮

EWWW Image Optimizer導入後に追加する画像については、今までどおりにアップすることで最適化(圧縮)されます ので、いままでどおり画像をアップしていくだけで大丈夫です。

EWWW Image Optimizerを導入以前にブログにアップした画像の圧縮

EWWW Image Optimizer導入以前の画像については、当然ですけど 最適化(圧縮)されていないので最適化(圧縮)してやる必要 があります。

1.WordPressにログイン後「メディア→一括最適化」で、 最適化されていない画像をスキャンする をクリック。

2.続いて 最適化を開始 をクリック。

3.しばらく待つと画像の最適化(圧縮)が完了します。思っていた以上に時間がかかりますので気長に終わるまで待ってましょうね。

おわりに

ここまでの作業が終われば、あとは画像をアップするたびにEWWW Image Optimizerによって自動で最適化されるので、手をわずらわせることもありません。

ちなみに今回のこの記事を書いた時点で画像をいちばん使っている記事で、どのように変わったのかをPageSpeed Insightsのスコアで比較してみましょう。

EWWW Image Optimizer導入前
モバイル

パソコン

導入前では、モバイル「30」パソコンで「43」という結果でした。

EWWW Image Optimizer導入後
モバイル

パソコン

導入後には、モバイル「32」で  パソコンで「45」という結果でした。

ほ、ほとんど変わってないし。他にも表示速度を早くするためにやることがありそうだな、もうちょっと調べて高速化しないといけないな。

この先、ジワジワと今回の画像最適化が効いてくるのを信じてますよ!

今回も最後までお付き合いくださって、ホントにありがとうございます!また次回お会いしましょう!!

あらくま

列車やバスに乗って全国各地を訪れるのが趣味な中年オヤジ。現在は2周目となるJR全線完乗、私鉄と公営鉄道と第三セクター線の初完乗を目指して全国各地を乗り鉄旅をしています。

あらくまをフォローする
ブログ運営
スポンサーリンク
あらくまをフォローする
エンジョイ鉄旅!
pocketlinehatebuimagegalleryaudiovideocategorytagchatquotegoogleplusfacebookinstagramtwitterrsssearchenvelopeheartstaruserclosesearch-plushomeclockupdateeditshare-squarechevron-leftchevron-rightleafexclamation-trianglecalendarcommentthumb-tacklinknaviconasideangle-double-upangle-double-downangle-upangle-downstar-halfstatus