SmushプラグインでWebPサポートを有効にするための完全セットアップガイド

スマッシュするワードプレスで最も人気のある画像最適化プラグインのひとつである。プロ版でWebPをサポートしています。このプラグインを使用すると、画像の自動圧縮、読み込みの遅延、CDN サービスを介した WebP 形式への画像の動的な変換を実現できます。この記事では、WordPressサイトでWebP画像を正しく読み込み、ページのパフォーマンスと全体的な読み込み速度を向上させるSmushプラグインの設定について説明します。

WebPをサポートするSmushプラグインを選ぶ理由

スマッシュ WPMU DEVチームによって開発されたこのプラグインは、安定性と使いやすさに優れています。画像圧縮、画像の遅延読み込み（Lazy Load）、リサイズ、ディレクトリスキャンの最適化などをサポートしており、複雑な設定なしに画像の読み込みパフォーマンスを効果的に向上させることができます。

WebPフォーマットのサポートについてはスマッシュプロ内蔵CDNサービスは、ローカルでWebPファイルを生成する代わりに、画像を動的にWebPに変換するために使用されます。この方法は次のような場合に便利です。特権の高いサーバーを使用しないは特に使いやすい。

WebP機能を有効にする前の準備条件

WebPサポートを設定する前に、以下の条件が満たされていることを確認する必要があります：

WordPressのバージョンは5.8以上で、WebPを基本的にサポートしていることを確認してください。
最新バージョンのSmushプラグインをインストールし、有効化する。 WebP変換機能を使用する。プロ契約が必要.
スマッシュ。シーディーエヌ WebP画像は動的に生成され、CDN経由で配信されるため、この機能が有効になっています。
ブラウザとサーバーは、WebPのMIMEタイプをサポートしている必要があります（最近のブラウザは基本的に完全に互換性があります）。

SmushでWebPサポートを有効にする方法

1.プラグイン設定インターフェースを開く

WordPressのバックエンドにログインし、左メニューのSmush > CDNをクリックして、プラグインのコンテンツ配信設定パネルに入ります。もしシーディーエヌサービスの有効化を促すページが表示されます。

2.WebP形式オプションを有効にする

SmushのCDNは、WebP対応ブラウザ向けにWebP画像バージョンを動的に返します。

注：このオプションを有効にすると、CDNは自動的に <img> タグ内の画像へのパスはWebP形式ですが、WebPをサポートしていないデバイスとの互換性のために元の画像は残ります。

3.保存してキャッシュをクリアする

設定を保存した後、新しい設定がすぐに反映されるように、サイトのキャッシュ、ブラウザのキャッシュ、CDNのキャッシュをクリアすることをお勧めします。ブラウザの"トレース・モードなし"またはCtrl+F5で強制的にページを更新し、変更を検証する。

WebPが正常に有効になっているかどうかを確認する方法

WebPサポートが有効になっているかどうかを確認するには、いくつかの方法があります：

ブラウザの開発者ツールを使って、画像アドレスの接尾辞が .webp.

PageSpeed Insightsを使ってページのパフォーマンスを分析し、ツールがWebP画像が読み込まれたことを示唆すれば、設定は成功です。
直接右クリックしてウェブページの画像を保存し、フォーマットを表示する。ウェブピーフォーマット

Smushの無料版とWebPサポートのPro版の違い

Smushの無料バージョンは、画像圧縮と遅延読み込みWebPのサポートは、CDN経由でSmush Proでのみ利用可能です。

プロバージョンの利点は以下の通りです：

グローバル配信とWebP自動切り替えのためのCDNサポート
動的条件付き読み込み（ブラウザがサポートしている場合はWebPを返す）
より高い圧縮率と可逆圧縮オプション
オートスケーリングとレティーナ対応

商用サイト、コンテンツ集約型プラットフォーム、画像を多用するブログのパフォーマンス向上が必要な場合、次のような方法がある。購読を検討するスマッシュ・プロ

概要

WebP形式を有効にすることは、WordPressサイトの画像の読み込み速度を向上させ、ユーザー体験を最適化し、次のことを実現する素晴らしい方法です。SEOパフォーマンスの向上Smushプラグインは、CDNダイナミックトランジションを統合することで、WebPサポートをシンプルかつ効率的にします。特に、サーバーにアクセスできないユーザーや、複雑な画像処理をしたくないユーザーには最適です。

これらの設定により、Smush Proで簡単にWebPサポートを有効にし、画像圧縮と最新のフォーマット配信を自動化することができます。また、レイジーローディング、キャッシュプラグイン、CDNサービスを組み合わせて、より包括的な画像最適化システムを構築することをお勧めします。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み