WebP、画像最適化、CDN、サービスワーカー、クライアントのヒントをすべて1つに | IMGHaste
WebP、画像最適化、CDN、サービスワーカー、クライアントのヒントをすべて1つに

WebP、画像最適化、CDN、サービスワーカー、クライアントのヒントをすべて1つに | IMGHaste

説明

このWordPressのプラグインは、当社のSaaSとの統合を提供イメージサービス
の力を活用することで、クライアントのヒント

キャッシングプラグイン(W3TC、WPSuper Cache、Elementorなど)やCSSファイルからの画像に対して可能な限り最高の互換性を提供するために、ServiceWorkerを介してWordPressに統合することを選択しました。

このようにして、URLを書き直して画像のSEOジュースを失う必要はありません。

また、BOTがWebサイトをクロールした場合でも、過大請求されることはありません。

このプラグインは何をしますか?

このプラグインはServiceWorkerを登録
し、エンドユーザーが必要とする最良の画像を自動的に検出するために画像をインターセプトするためにプログレッシブWebアプリの機能をWebサイトに提供します。

私たちはスピードモンキーなので
、ページに読み込まれる必要なjavascriptは708バイトのgzip圧縮されていると言う必要があります。(akなし)

箱から出してすぐに使える機能:

  • 白いラベル。
  • 自動統合。
  • EXIF情報を削除します。
  • ページビルダーと互換性があります。
  • 効果的な接続タイプの検出。
  • 遅い3gまたはデータの保存で品質が低下します。
  • 災害復旧のためにイメージをバックアップします。
  • CSSファイルからの画像で動作します。
  • 検索エンジンは元の画像を取得します。
  • Ajaxリクエストからの画像で動作します。
  • キャッシング/レイジーロードプラグインと互換性があります。
  • 元の画像をクラウドに安全にバックアップします。
  • ブラウザのサポートに基づく自動AVIF変換。
  • ブラウザのサポートに基づく自動WebP変換。
  • NetGenフォールバックとしてのプログレッシブJPEGとインターレースPNG。

完全に白いラベル

このアプローチを採用することにした理由の1つは、SEOに他なりません。
クライアントヒントをServiceWorkerと組み合わせて使用
すると、URL書き換えに伴うSEOの欠点なしに、エンドユーザーのすべてのパフォーマンス上の利点が得られます。

画像のURLを変更しないことが重要な理由

画像のURLを別の名前に書き換えた場合、URLに正規名が含まれていても
、すべての画像のURLからすべてのSEOジュースがベンダードメインに送られ、ベンダー
のURLを使用して検索できます。

前提条件

  • あなたのウェブサイトはhttpsのみを実行します
  • あなたのウェブサイトにはまだサービスワーカーがいません。

重要

このプラグインは、ServiceWorkerを登録する他のプラグインと互換性がありません。
WebサイトにServiceWorkerを登録する他のプラグインを無効にするか、カスタム統合ガイドを使用してホワイトラベル機能を失う必要があります。

インストール

インストール

  1. WordPressリポジトリからIMGHasteを追加します
  2. WordPressの「プラグイン」メニューからプラグインをアクティブ化します
  3. CDNURLを入力します。アカウントをお持ちでない場合は、ここで無料アカウントを登録し、Webサイトを追加してCDNURLを取得してください。
  4. すべてのページキャッシュをクリアします(例:W3TC、WPSuperキャッシュ)
  5. Webサイトを(デスクトップおよびモバイルから)ナビゲートして、CDNキャッシュをウォームアップします(オプション)
  6. アップグレードされたパフォーマンスとユーザーエクスペリエンスをお楽しみください

アンインストール

  1. WordPressプラグインを削除する
  2. 設定の下のimghasteダッシュボードに移動します
  3. アクティブステータスをfalseに変更
  4. 原点を削除する

プラグインの作者

IMGHaste

プラグインの公式ウェブサイトアドレス

https://wordpress.org/plugins/imghaste/
WebP、画像最適化、CDN、サービスワーカー、クライアントのヒントをすべて1つにプラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします

コメントを残す