WebP画像最適化のためのEWWWプラグイン!

モバイルページや画像を多用するページでは、画像ファイルが最適化されていないと、ユーザーエクスペリエンスに影響するだけでなく、サイト全体のパフォーマンスが低下し、検索ランキングにも影響します。画像ファイルの最適化には EWWWイメージオプティマイザー プラグイン。技術的バックグラウンドを持たない初心者ユーザーを置くのも簡単だ。 ワードプレス ウェブサイトの画像は ウェブピー 形式を使用することで、読み込み速度を劇的に向上させることができます。この記事では、画像の最適化を素早く完了させるために、このプラグインを設定・使用する方法を順を追って説明します。

画像[1]-EWWWプラグイン画像最適化チュートリアル:WordPressのパフォーマンスを向上させるためにWebPを簡単に有効にする

EWWW Image Optimizerプラグインのご紹介

EWWW Image Optimizerは、WordPress用に開発された画像最適化プラグインで、以下の機能を備えています:

  • 外部サービスに依存することなく、WebPコピーのローカル生成をサポート。
  • アップロードされた画像の自動最適化、履歴画像のバッチ処理にも対応
  • 提供 ApacheとNginx WebPオートロードのサポート
Image[2]-EWWWプラグイン画像最適化チュートリアル:簡単にWebPを有効にしてWordPressのパフォーマンスを向上させる
Image[3]-EWWWプラグイン画像最適化チュートリアル:簡単にWebPを有効にしてWordPressのパフォーマンスを向上させる

に関して開発スキルを持たないウェブマスター例えば、EWWWはシンプルなセットアップ・インターフェースで「セットアップ・アンド・ゴー」体験を提供し、初心者がすぐに始められるよう理想的な環境を整えている。

次に、プラグインをインストールして有効にします。

  1. ワードプレスのバックエンドにログインする
  2. 左メニューの[プラグイン]→[プラグインのインストール]をクリックします。
  3. 検索ボックスに「EWWW Image Optimizer」と入力します。
  4. プラグインを見つけ、「今すぐインストール」をクリックし、次に「有効化」をクリックします。
Image[4]-EWWWプラグイン画像最適化チュートリアル:簡単にWebPを有効にしてWordPressのパフォーマンスを向上させる

インストールに成功すると、[設定]メニューにプラグインの設定入り口が表示されます。

WebPサポートを有効にする

設定を入力した後、以下の手順に従ってWebP画像フォーマットを有効にします:

  1. WebP Version "にチェックを入れ、WebPファイルの生成を有効にする。
  2. EWWW は、ブラウザが適切な画像形式を自動的に選択するための書き換えルールをサポートしています。例えば、"JS WebP Rewriting "や "Picture WebP Rewriting "を有効にして、必要に応じて設定することができます。
Image[5]-EWWWプラグイン画像最適化チュートリアル:簡単にWebPを有効にしてWordPressのパフォーマンスを向上させる

4、古い画像をバッチで最適化し、自動最適化を可能にする

サイト上のすべての画像をWebP形式に確実に切り替えるには、2つの操作を行う必要があります:

1.履歴画像のバッチ最適化

  • WordPressのバックエンドで、[メディア] > [バッチ最適化]をクリックします。
  • 最適化されていない画像のスキャンとバッチ処理の開始
Image[6]-EWWWプラグイン画像最適化チュートリアル:簡単にWebPを有効にしてWordPressのパフォーマンスを向上させる
  • この手続きは、ブラウザが呼び出すための対応する.webpファイルを生成する。

2.新規アップロード画像の自動最適化

EWWWは、新しい画像をアップロードすると、デフォルトで自動的に圧縮し、WebPを生成します。通常通り画像をアップロードするだけで、自動的に最適化が行われます。

V. WebPが正しく読み込まれているかどうかを確認する方法は?

設定が完了したら、ページがWebP画像を正しく呼び出していることを手動で確認することをお勧めします。

方法1:ブラウザ開発ツール

  1. Chromeでウェブサイトの任意のページを開く
  2. F12 "を押して開発者ツールを開き、"ネットワーク "タブに切り替える。
  3. ページを更新し、画像リソース(type=img)をフィルタリングする。
  4. 画像タイプが image/webpまたはパスに含める .webp
画像[7]-EWWWプラグイン画像最適化チュートリアル:WordPressのパフォーマンスを向上させるために簡単にWebPを有効にする

方法2:DevToolsでページのソースコードまたはリクエストパスを確認する

ページを直接見ることもできる HTML WebP 画像が呼び出されたことを確認するためのソースコードまたは画像リンクアドレス。

Image[8]-EWWWプラグイン画像最適化チュートリアル:簡単にWebPを有効にしてWordPressのパフォーマンスを向上させる

概要

EWWW Image Optimizerは、長く使う価値のあるシンプルな画像最適化プラグインです。コーディングの知識がなくても、いくつかの簡単なステップを設定するだけで、WebP画像の自動生成と読み込みを実現できます。ブラウザのサポート、キャッシュプラグイン、CDNと合わせて、このソリューションを使用すると、画像の帯域幅を大幅に削減し、モバイルで開く速度を向上させ、パフォーマンスとパフォーマンスの面であなたのウェブサイトをより効率的にすることができます。 SEO その恩恵はシンクロしている。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事は中が執筆した。
終わり
好きなら応援してください。
クドス135 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし