ja en en en en en en en ar en ja ja ja ja ja ja ja ja ja ja en ja ja ja ja en ja et ja ja en ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja et ja ja ja ja ja ja ja ja et ja ja ja ja ja ja ja id en et ja ja ja en en ja ja es en ja ja es en ja ja es ja ja ja ja et ja en en en en en en en ja en en ja id en en en en en en ar fi en ja
引用元:Find out how you stack up to new industry benchmarks for mobile page speed
・表示速度が1秒から10秒まで遅くなると、直帰率は123%増加する
引用元:Find out how you stack up to new industry benchmarks for mobile page speed
サイトの表示速度が遅くなる要因のひとつとして、「画像のファイルサイズ」があげられます。
画像のファイルサイズは小さくすればするほど、サイトの読み込み速度を上げることができますよ。
そこで本記事では、簡単に画像を圧縮できるプラグイン「 EWWW Image Optimizer 」の設定方法と使い方を詳しくご紹介します。
EWWW Image Optimizerとは
EWWW Image Optimizer のインストール方法
EWWW Image Optimizer の設定方法
EWWW Image Optimizer の使い方
画像の新規アップロード
アップロード済みの画像をまとめて圧縮
まとめ:画像圧縮によりサイト表示を高速化し、離脱率を下げる
EWWW Image Optimizerとは
EWWW Image Optimizer とは、画像を劣化させることなく圧縮できる WordPress のプラグイン。
EWWW Image Optimizer の良い点は、画像をアップロードすると自動で圧縮してくれるところです。
さらに、EWWW Image Optimizer を導入する前にアップロードしていた画像もまとめて圧縮できる点はすばらしいの一言。
設定と使い方もわかりやすいので、初心者の方でも簡単に使用できます。
EWWW Image Optimizer のインストール方法
管理画面左のメニューから  プラグイン  →  新規追加  と進み、検索窓に EWWW Image Optimizer と入力 →  今すぐインストール  →  有効化  。
インストールはこれで完了です。
EWWW Image Optimizer の設定方法
EWWW Image Optimizer で設定する必要があるのは、「ベーシック」と「変換」の2つだけ。あとはデフォルト設定のまま使用できます。
メタデータを削除  にチェックが入っているか確認しましょう。こちらはデフォルトでチェックが入っているはずですが、念のため。
メタデータとは、画像を撮影した位置情報などのプライバシー情報のこと。特に必要ないのでメタデータは削除しておくとファイルサイズを小さくできます。
コンバージョンリンクを非表示  にチェックを入れ、 変更を保存  。
コンバージョンリンクを非表示にすることで、「 jpg → png 」や「 png → jpg 」のように拡張子が変わって画像の画質が下がるのを防ぎます。
その他のタブは設定を変更する必要はありません。
これで EWWW Image Optimizer の設定は完了です。
無事に設定が終わったら、次は使い方をみていきましょう。
EWWW Image Optimizer の使い方
画像の新規アップロード
EWWW Image Optimizer を有効化していると、新しい画像をアップロードすると自動で圧縮してくれます。
画像がどのくらい圧縮されたか見たい時は、メディアのライブラリで確認ができます。
アップロード済みの画像をまとめて圧縮
管理画面左のメニューから  メディア  →  一括最適化  →  最適化されていない画像をスキャンする  をクリック。これで既存の画像がまとめて圧縮されます。
画像の枚数が多い場合は、少し時間がかかります。
当サイトは3,000枚で40分くらいかかりました。。。
まとめ:画像圧縮によりサイト表示を高速化し、離脱率を下げる
以上、EWWW Image Optimizer の設定方法と使い方でした。
繰り返しになりますが、サイトの表示速度が遅いと読者に離脱されてしまう可能性が高まります。それを避けるためにも画像の圧縮はしっかりと行っておきましょう。
EWWW Image Optimizer は一度導入してしまえば、そのあと特に何もする必要がないとても便利なプラグインです。
この機会にぜひ導入してみてください。
最後まで読んでいただきありがとうございました。
Cocoon Plugin SEO
スペイン滞在3年目。一般企業を退職→バレンシアへ留学→マドリードで就職。WordPressとWebデザインを勉強&仕事受注中。学んだことを当ブログで発信しています。たまにスペインのことも。 訪問国は欧州20ヶ国50都市。
RELATED POST
【Mac】ブログの作業効率を上げるショートカットキー【一覧表】
4月 8, 2020 Keisuke
KeisukeBlog
WordPressにTwitterを埋め込む方法【ツイート&タイムライン】
4月 5, 2020 Keisuke
KeisukeBlog
【Cocoon】WordPressおすすめのパーマリンク設定
4月 4, 2020 Keisuke
KeisukeBlog
【Cocoon】AMP対応した結果とやめた理由【メリット&デメリットも】
【TinyPNG&Optimizilla】無料オンライン画像圧縮ツール
スペイン滞在3年目。一般企業を退職→バレンシアへ留学→マドリードで就職。WordPressとWebデザインを勉強&仕事受注中。学んだことを当ブログで発信しています。たまにスペインのことも。 訪問国は欧州20ヶ国50都市。
\ Follow me /
Archive 月を選択 2020年6月 2020年4月 2020年3月 2020年2月 2019年10月 2019年8月 2019年7月 2019年6月 2019年5月 2019年4月
【画像圧縮プラグイン】EWWW Image Optimizer の設定方法と使い方
Apartment Art Benidorm Chocolate&Churros Cocoon Contact Form 7 Coronavirus Credit Card Cuenca Day Trip Empadronamiento EMS ETIAS Gaspacho Horchata Kindle Mac Madrid Menú Morella Permalink Plugin Salmorejo San Juan SEO Sim Card Spanish Spanish Food Study Abroad Preparation Tip Tourist Attraction United Airlines Valencia Visa World Heritage Xátiva