【サイト高速化】画像圧縮プラグイン「EWWW Image Optimizer」

サイトが遅いと、ユーザーはすぐに離れてしまいますし、SEOにも悪影響。だからこそ、画像最適化は重要です。今回は、「EWWW Image Optimizer」を使って、WEBサイトを高速化する手順を紹介します

【サイト高速化】画像圧縮プラグイン「EWWW Image Optimizer」の推奨設定

手順1：まずは現状を知ろう！計測と目標設定

どんな改善も、まずは現状把握からスタート！どこが悪いのか、どれくらい改善したのかを数値で確認できると、モチベーションもグッと上がります

アクションプラン

  1. Google PageSpeed Insights にアクセスする。
  2. 君のサイトのURLを入力して、「分析」ボタンをクリック。
  3. 表示されるスコア（モバイル・デスクトップ）をメモしておこう。

最初は数字が低くても気にしないで大丈夫です！

手順2：EWWW Image Optimizerのインストールと有効化

高速化の強力な味方をWordPressサイトに導入しよう！

アクションプラン

  1. WordPressの管理画面にログインする。
  2. 左側のメニューから「プラグイン」>「新規追加」をクリック。
  3. 検索窓に「EWWW Image Optimizer」と入力して検索する。
  4. 「EWWW Image Optimizer」が見つかったら、「今すぐインストール」ボタンをクリック。
  5. インストールが完了したら、「有効化」ボタンをクリックする。

手順3：いよいよ推奨設定！これでバッチリ！

EWWW Image Optimizerを有効化したら、次は「設定」が重要！ここでしっかり推奨設定をしておけば、今後アップロードする画像も自動で最適化されるようになります。

アクションプラン

  1. WordPress管理画面の左側メニューから「設定」>「EWWW Image Optimizer」をクリック。
  2. 「設定」タブ（デフォルトで開いているはず）が推奨設定のメイン画面だよ。

おすすめの基本設定（設定タブ）

  • メタデータを削除:
    • ✅ チェックを入れる
    • 画像に含まれる撮影日時やカメラ情報など、サイト表示には不要なデータを削除して容量を削減。
  • 遅延読み込み (Lazy Load):
    • ✅ チェックを入れる
    • ページが表示されたときに、画面に表示されていない領域の画像を読み込まないようにする機能。これにより、ページの初期表示が速くなります。
    • 注意点: もし他のプラグイン（例: WP Rocketなど）で既に遅延読み込みを設定している場合は、競合を避けるためにオフにしてもOK。

新世代フォーマットへの変換設定（設定タブ）

  • WebPへの変換:
    • ✅ チェックを入れる
    • Googleが開発した次世代画像フォーマット「WebP」に画像を自動変換してくれる機能です。JPEGやPNGよりもはるかに軽量で、画質も維持できるのが特徴。サイト高速化には必須レベル！
  • 変換リンクの表示:
    • ✅ チェックを入れる
    • メディアライブラリでWebPへの変換状況を確認できるようになるから、チェックしておくと便利。

高度な設定（設定タブの隣にある「高度な設定」タブ）

  • JPG最適化レベル:
    • 「ロスレス」を選択する
    • 画質を損なわずに最大限圧縮してくれる設定だよ。これなら見た目を気にせず容量を減らせる！
  • PNG最適化レベル:
    • 「ロスレス」を選択する
    • こちらもJPGと同様に「ロスレス」がおすすめ。

リサイズ設定（設定タブの隣にある「リサイズ設定」タブ）

ここが非常に重要！巨大な画像を誤ってアップロードしてしまっても、自動で適切なサイズにリサイズしてくれる魔法の設定。

  • 幅の最大値 (Max Width):
    • サイトのメインコンテンツ幅に合わせて設定する。一般的なブログやコーポレートサイトなら「1200」〜「1600」ピクセルくらいが目安。これ以上大きな画像は、通常表示されません。
  • 高さの最大値 (Max Height):
    • 「0」にしておくと、幅に合わせて比率が自動調整されるのでおすすめ。

設定が終わったら、忘れずに下部の「変更を保存」ボタンをクリック！
この設定一つで、今後アップロードする画像は全部賢く最適化されるようになります。

手順4：既存画像をまとめて最適化しよう！

これまでの設定は、今後アップロードする画像に適用されるもの。でも、EWWW Image Optimizerには、過去の画像をまとめて最適化してくれる機能があります。

アクションプラン

  1. WordPress管理画面の左側メニューから「メディア」>「一括最適化」をクリック。
  2. 「最適化されていない画像をスキャン」ボタンをクリックする。
  3. 最適化されていない画像の一覧が表示されたら、「最適化を開始」ボタンをクリック。

これで、サイトにある過去の画像が、最適化されていきます。画像の量が多いと時間がかかることもありますが、焦らず完了するまで待ちましょう。サーバーに負荷がかかる可能性もあるので、アクセスが少ない時間帯に実行するのがおすすめ。

手順5：今後の運用と効果の確認

これでEWWW Image Optimizerの基本的な設定と最適化は完了！お疲れ様！でも、一度やったら終わりじゃないよ。君のサイトがどれだけ改善されたかを確認して、今後の運用にも活かそう。

アクションプラン

  1. 新規画像のアップロード:
    • 今後はWordPressのメディアライブラリから画像をアップロードするだけで、自動的に最適化されるようになります
  2. 効果の再測定:
    • 手順1で使った「Google PageSpeed Insights」にもう一度アクセスして、君のサイトのURLを入力し、分析してみよう。
    • きっと驚くほどスコアが改善されているはず！

まとめ：サイト高速化は最高の自己投資！

EWWW Image Optimizerの設定、本当にお疲れ様でした！
サイト高速化は、ユーザー体験の向上、SEOの強化になります！

EWWW Image Optimizerはあくまで高速化の一歩。他にもキャッシュプラグインやCSS/JSの最適化など、まだまだできることはたくさんありますので、今後をお楽しみに！

コメント

タイトルとURLをコピーしました