サイトには分かり易くする為、画像を結構いれますよね。画像を入れる事は、メリットが多いですが、反面、サイトの表示速度が遅くなってしまうというデメリットがあります。
重くなるとせっかくサイトを見にきてくれた読者の方にストレスを与えてしまいかねません。離脱率もあがってしまいますので、なんとか対処したいものです。
今回は画像ファイルを圧縮することで表示速度を速くする、とても簡単で便利なワードプレスプラグインEWWW Image Optimizerの設定・使い方をご紹介します。
今まで圧縮しないままあっぷしている画像もまとめて圧縮できちゃう優れものです。
EWWW Image Optimizerのインストール
①左メニューのプラグイン→新規追加をクリック。
②右上のキーワードのところに EWWW Image Optimizerと入力し、今すぐインストールをクリック。
③有効化をクリック。
インストール完了です。
EWWW Image Optimizerの設定
①左メニューの設定→EWWW Image Optimizerをクリック。
②BasicタブのRemove Metadataにチェックがあるか確認し、左下の変更を保存をクリック。
③Convertタブのコンバーションリンクを非表示にチェックし、 左下の変更を保存をクリック。
上記2ヵ所以外はデフォルトのままでOKです。
以上で設定も完了です。今後アップする画像は自動で圧縮し最適化されます。
EWWW Image Optimizerの画像一括最適化
今までにアップ済みの画像に関しては以下の手順で一括最適化ができます。
①左メニューのメディア→一括最適化をクリック。
②左下の最適化されていない画像をスキャンするをクリック。
③左下の最適化を開始をクリック。
完了と表示され、以上で完了となります。
最適化後の画像サイズとダウンロード圧縮した時のサイズの比較
一括最適化完了後下へスクロールすると、最適化画像を表示があります。そこをクリックするか、左メニューのメディア→上の画像の左上の赤枠部分をクリックすると、最適化の結果が確認できます。
今までオンラインで圧縮していましたが、上記数字をみてみると、もっと圧縮できそうなので、比較してみました。
1つの画像を使って、そのままワードプレスにアップした場合と、オンラインで圧縮をしてからワードプレスにアップロードした場合を比較したら以下の様になりました。
アップロード前のサイズ | アップロード後のサイズ | |
圧縮なしでアップ | 1.07MB(1070KB) | 942KB |
圧縮してからアップ | 372KB | 179KB |
もっと圧縮したいという場合には compresspngをぜひ使ってみて下さい。
最後までご覧頂きありがとうございます。