経験知ロゴ

日々の経験を知識として発信するブログ

EWWW Image Optimizer で画像を自動圧縮してWordPressを高速化する方法

ewww image optimizer
WordPressにアップロードした画像を圧縮するのに「WP Smush.it」を使っていました。

しかし、投稿時に圧縮する際にやたら時間がかかったり、エラーが出て投稿できないことがあったり、ページの表示スピードを審査してくれる「PageSpeed Insights」ではまだ圧縮できると言われたりあまりよい働きをしてくれませんでした。

そこで「EWWW Image Optimizer」というプラグインを試したところ、投稿時間が激的に短くなり、エラーもでず、「PageSpeed Insights」で画像の圧縮に関して何も言われなくなったので、設定方法と使い方を紹介します。

EWWW Image Optimizerをインストール

WordPressの管理画面から「EWWW Image Optimizer」をインストール。詳しいWordPressのプラグインのインストール方法は「WordPressのプラグインをインストールする方法」で。

EWWW Image Optimizerの設定

ダッシュボード左メニューの「設定」→「EWWW Image Optimizer」をクリックして設定画面を開く。

「Basic Settings」タブをクリックし、「This will remove ALL metadata: EXIF and comments.」にチェックを入れ「Save Changes」をクリックして設定を保存する。これを設定することで画像内にあるEXIFとコメントを削除してファイルサイズを小さくできる。
設定

後はデフォルトの設定でOK。

画像を一括で圧縮する

「EWWW Image Optimizer」をインストール後、WordPressに画像をアップロードすると自動で圧縮してくれるが、インストール以前の画像は自動で圧縮されないので一括で圧縮する。

「メディア」→「Bulk Optimize」をクリックし、「Optimize Media Library」の「Start optimizing」をクリックすると、今までアップロードした画像が一括で圧縮される。
optimize media library

かかる時間は画像の枚数やファイルサイズの大きさによって変わるので、アクセス数の少ない時間帯に行いたい。

更に高速化する

「EWWW Image Optimizer」を使うことで画像サイズを圧縮し転送スピードを上げることができた。更に高速化するには画像配信に特化したCDNを使うとファイルの転送量がぐっと下がり自分のサーバーの負荷を軽減できる。

詳しくは「WordPressの表示スピード改善と転送量を激減させるプラグインPhotonの紹介」で紹介してるので併せて試してもらいた。

わからないことは人に聞こう

プログラミングをする上で、わからないことはネットなどを使い自分で調べる技術が必要ですよね。

時間がかかっても、ある程度のことは解決できます。

しかし、どうしても答えにたどり着けなかったり、探す時間が惜しいときもあります。

そこでオススメなのが無料登録でプログラミングに関する質問ができるテラテイルです。

質問の投稿にコードも投稿できるので、自分のコードを投稿して問題のある箇所を指摘してもらうことができます。

プログラマーには、自分で探す技術も必要ですが、人に聞く技術は更に重要です。

登録無料で質問できますので、テラテイルで質問する力を磨いてみましょう!

おわりに

同じように見える画像ならファイルサイズが小さいほうが絶対良いです。

プラグイン1つ有効にするだけでその環境が手に入るので、ゼヒ入れておきたいプラグインです。

▼この記事をシェアできるリンク


▼このブログをフォロー・RSS購読できるリンク