【便利すぎるwwｗ】EWWW Image Optimizerの使い方と設定方法について解説します

【サイトスピード遅延の弊害】

・表示まで3秒かかる→40％以上が離脱
・1秒遅くなる→CVRが7%減少
・3秒遅くなる→直帰率が32%増加
・5秒遅くなる→直帰率が90%増加

表示速度はユーザー体験に多大な影響がある。#ブログ初心者 #ブログ仲間募集中 #ブログ初心者と繋がりたい #ブログ　 #ブログ書け

— しの@ブログ×WEB制作×鬼継続 (@SHINOWEB1) April 30, 2022

上記のように、サイトの表示スピードが遅くなるとサイトやブログにとってネガティブな影響があることがわかっています。

そしてその表示スピードに大きく関わっているポイントが「画像のサイズ」です。

画像のサイズの大きさによってページのスピードが大きく変わってしまうため、ページ速度を上げるには画像のサイズを小さくする必要があります。

しかしそこで出てくるのが以下の問題。

そして上記のような問題を一瞬で解決してくれるのが今回紹介する「EWWW Image Optimizer」というWordPressのプラグインです。

超絶便利なプラグインで既存の画像を簡単に画像のサイズを一括して小さくできる上に、これからアップロードする画像も自動でサイズダウンしてくれる優れもの。

是非今回の記事で使い方と設定方法をマスターしてご自身のブログのページスピード改善につなげてくださいね！

＞ブログで月1万稼ぐためのロードマップを公開中

EWWW Image Optimizerとは

EWWW Image Optimizerは、画像のサイズを最適化してくれるWordPressのプラグインです。

しかも設定がかなり簡単で楽々画像サイズを小さくすることが出来るため、僕自身も重宝しています。

Googleの新しい調査によると、モバイルウェブサイトの訪問者の53％が、ウェブページが3秒以内に読み込まれないと離脱することが判明しました。

引用元：MARKETING DIVE

上記のように画像サイズが大きくページスピードが遅い場合は如実にユーザー体験に弊害をもたらします。

冒頭にも書いた通り、画像サイズを小さくすることでページの読み込みスピードが改善するため、記事に画像を多用している人は今すぐ導入した方が良いでしょう。

EWWW Image Optimizerのインストール方法

ではここからは実際にEWWW Image Optimizerをインストールする方法について見ていきましょう。

WordPressのダッシュボード→メニュー→プラグイン→新規追加

と進み、右の検索窓に「EWWW Image Optimizer」と入力します。

すると以下のようにプラグインが表示されますので、「今すぐインストール」をクリックしましょう。

インストール出来たら有効化します。

有効化したらインストールは完了です。

EWWW Image Optimizerの設定方法

次にEWWW Image Optimizerの初期設定を行っていきます。

まず

メニュー→プラグイン→EWWW Image Optimizer

とクリックしましょう。

すると以下のような設定画面となりますので

上記にチェックを入れます。

次の画面は基本的にそのままでOKです。

念のため「メタデータを削除」にチェックが入っているかは確認しておいてください。

メタデータとは、画像の説明などが入っているデータのことで、このデータを削除することでファイルサイズを軽くすることが出来るためです。

問題なければ「設定を保存」をクリックします。

次のページもそのまま「完了」を押しましょう。

すると以下の画面となりますので左上にある「Enable Ludicrous Mode」をクリックしてください。

タブの「変換」をクリックし、更に「変換リンクを非表示」にチェックを入れます。

EWWW Image Optimizerの使い方

では次に、EWWW Image Optimizerの使い方を見ていきましょう。

既存の画像を最適化する方法

まず既存の画像を最適化する方法を見ていきます。

メニュー→メディア→一括最適化

の順番にクリックしてください。

そして「最適化されていない画像をスキャンする」をクリックします。

すると最適化されていない画像の件数が表示されます（13478点って多いですね・・・ｗ）

問題なければ「〇〇点の画像を最適化」をクリックしましょう。

これで一括して既存の画像を最適化することが出来ました。お疲れ様でした！

新規でアップロードする画像は自動で最適化される

ちなみに、今後新しくアップロードする画像についてはEWWW Image Optimizerがインストールされている状態であれば自動で最適化してくれます。

まとめ：EWWW Image Optimizerを使用してページスピードを爆速化しよう！

というわけで本記事ではEWWW Image Optimizerの使い方や設定方法について紹介しました。

EWWW Image Optimizerは本当に便利なプラグインで、このブログもEWWW Image Optimizerを使うことでページを高速化させることが出来ました。

EWWW Image Optimizerを使ったらページスピード爆速化したｗ
13000点以上の画像を圧縮したからかもだけど。
めちゃくちゃ簡単に圧縮できるし最高なプラグインだな。#ブログ初心者 #ブログ仲間募集中 #ブログ初心者と繋がりたい #ブログ　 #ブログ書け pic.twitter.com/a1AWS6ysXs

— しの@ブログ×WEB制作×鬼継続 (@SHINOWEB1) May 4, 2022

お恥ずかしい限りですが、ページスピードが23しかなかった僕のブログはEWWW Image Optimizerを使うことによって93にまで上昇しました。笑

もしページスピードに悩んでいる方がいれば一度使ってみてはいかがでしょうか？

というわけで本日の記事は以上です( ͡° ͜ʖ ͡°)