モバイルページや画像を多用するページでは、画像ファイルが最適化されていないと、ユーザーエクスペリエンスに影響するだけでなく、サイト全体のパフォーマンスが低下し、検索ランキングにも影響します。画像ファイルの最適化には EWWWイメージオプティマイザー プラグイン。技術的バックグラウンドを持たない初心者ユーザーを置くのも簡単だ。 ワードプレス ウェブサイトの画像は ウェブピー 形式を使用することで、読み込み速度を劇的に向上させることができます。この記事では、画像の最適化を素早く完了させるために、このプラグインを設定・使用する方法を順を追って説明します。
![图片[1]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能](https://www.361sale.com/wp-content/uploads/2025/07/20250721110201100-image.png)
EWWW Image Optimizerプラグインのご紹介
EWWW Image Optimizerは、WordPress用に開発された画像最適化プラグインで、以下の機能を備えています:
- 外部サービスに依存することなく、WebPコピーのローカル生成をサポート。
- アップロードされた画像の自動最適化、履歴画像のバッチ処理にも対応
- 提供 ApacheとNginx WebPオートロードのサポート
![图片[2]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能](https://www.361sale.com/wp-content/uploads/2025/07/20250721113122600-image.png)
- とともにキャッシュプラグインCDN(例えば クラウドフレア良好な互換性
![图片[3]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能](https://www.361sale.com/wp-content/uploads/2025/07/20250721110852464-image.png)
に関して開発スキルを持たないウェブマスター例えば、EWWWはシンプルなセットアップ・インターフェースで「セットアップ・アンド・ゴー」体験を提供し、初心者がすぐに始められるよう理想的な環境を整えている。
次に、プラグインをインストールして有効にします。
- ワードプレスのバックエンドにログインする
- 左メニューの[プラグイン]→[プラグインのインストール]をクリックします。
- 検索ボックスに「EWWW Image Optimizer」と入力します。
- プラグインを見つけ、「今すぐインストール」をクリックし、次に「有効化」をクリックします。
![图片[4]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能](https://www.361sale.com/wp-content/uploads/2025/07/20250721111338761-image.png)
インストールに成功すると、[設定]メニューにプラグインの設定入り口が表示されます。
WebPサポートを有効にする
設定を入力した後、以下の手順に従ってWebP画像フォーマットを有効にします:
- WebP Version "にチェックを入れ、WebPファイルの生成を有効にする。
- EWWW は、ブラウザが適切な画像形式を自動的に選択するための書き換えルールをサポートしています。例えば、"JS WebP Rewriting "や "Picture WebP Rewriting "を有効にして、必要に応じて設定することができます。
![图片[5]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能](https://www.361sale.com/wp-content/uploads/2025/07/20250721112837716-image.png)
4、古い画像をバッチで最適化し、自動最適化を可能にする
サイト上のすべての画像をWebP形式に確実に切り替えるには、2つの操作を行う必要があります:
1.履歴画像のバッチ最適化
- WordPressのバックエンドで、[メディア] > [バッチ最適化]をクリックします。
- 最適化されていない画像のスキャンとバッチ処理の開始
![图片[6]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能](https://www.361sale.com/wp-content/uploads/2025/07/20250721113435264-image.png)
- この手続きは、ブラウザが呼び出すための対応する.webpファイルを生成する。
2.新規アップロード画像の自動最適化
EWWWは、新しい画像をアップロードすると、デフォルトで自動的に圧縮し、WebPを生成します。通常通り画像をアップロードするだけで、自動的に最適化が行われます。
V. WebPが正しく読み込まれているかどうかを確認する方法は?
設定が完了したら、ページがWebP画像を正しく呼び出していることを手動で確認することをお勧めします。
方法1:ブラウザ開発ツール
- Chromeでウェブサイトの任意のページを開く
- F12 "を押して開発者ツールを開き、"ネットワーク "タブに切り替える。
- ページを更新し、画像リソース(type=img)をフィルタリングする。
- 画像タイプが
image/webpまたはパスに含める.webp
![图片[7]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能](https://www.361sale.com/wp-content/uploads/2025/07/20250721114211400-image.png)
方法2:DevToolsでページのソースコードまたはリクエストパスを確認する
ページを直接見ることもできる HTML WebP 画像が呼び出されたことを確認するためのソースコードまたは画像リンクアドレス。
![图片[8]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能](https://www.361sale.com/wp-content/uploads/2025/07/20250721124720824-image.png)
概要
EWWW Image Optimizerは、長く使う価値のあるシンプルな画像最適化プラグインです。コーディングの知識がなくても、いくつかの簡単なステップを設定するだけで、WebP画像の自動生成と読み込みを実現できます。ブラウザのサポート、キャッシュプラグイン、CDNと合わせて、このソリューションを使用すると、画像の帯域幅を大幅に削減し、モバイルで開く速度を向上させ、パフォーマンスとパフォーマンスの面であなたのウェブサイトをより効率的にすることができます。 SEO その恩恵はシンクロしている。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:[email protected] | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし