WebPは、廃止されたPNGやJPEGの代わりに使用することをGoogleが推奨する最新のより経済的な画像形式です。
WebPを使用する際の唯一の問題は、すべてのブラウザーがまだWebPをサポートしているわけではないことです。 したがって、「額に」(すべての画像をwebpに変換する)ソリューションは適合しません。
WebPの使用は、CDN形式に完全に適合します。
仕組み:
サイト訪問者が各画像をリクエストする場合CDNOptiPicは、訪問者のブラウザがWebP形式をサポートしているかどうかを判断します。
サポートされている場合、画像はWebPとしてレンダリングされます。
サポートされていない場合、画像は古い形式でレンダリングされます(ただし、同時に最適化および圧縮されます)。
この場合、WebPバージョンの画像はCDN側のバックグラウンドで完全に生成されます-訪問者/ブラウザは各画像がWebPに変換されるのを待ちません。
WebPはサポートされていません。
最適化後、すべての画像は元の形式(png / jpeg)のままになります。
Google PageSpeed Insightsは、画像が正しく圧縮され、最新のWebP形式に最適化されていると判断します。
画像は検索エンジンによって正しくインデックス付けされ、サイトにリンクされ、ドメインによって画像が検索されます。
画像のURLが変更されました-これで、OptiPicCDNになります。 URLを変更しない場合は、 Nginx(プロキシ)経由のユニバーサル接続を使用するか、OptiPicCDNに接続できます。 サブドメイン(たとえば、img.site.com)に移動します。
Google PageSpeed Insightsは、画像が正しく圧縮されていると判断しますが、より高度なWebP画像形式を使用することを強くお勧めします。
画像は検索エンジンによって正しくインデックス付けされ、サイトにリンクされ、ドメインによって画像が検索されます。
CDNは、モバイルデバイスから要求された場合、モバイル用の追加の軽量バージョンで画像を提供します。
画像が通常のコンピューター(PC)から要求された場合、CDNはそれ以上の安心なしに画像を提供します。
モバイルデバイスはサポートされていません。写真はモバイルとPCの両方で同じ方法で提供されます。
最適化は完全にCDN側で行われます。
サイトのインデックスデータベースは作成も保存も更新もされていません。
CDN内の最適化されたバージョンの画像へのリンクのみがサイトに表示されます。
画像のURLが変更されました-これで、OptiPicCDNになります。 URLを変更しない場合は、 Nginx(プロキシ)経由のユニバーサル接続を使用するか、OptiPicCDNに接続できます。 サブドメイン(たとえば、img.site.com)に移動します。
画像トラフィックはCDNを通過し、さらにこの負荷もホスティングから取り除きます。
画像最適化のプロセスは、API側で行われます。
「インデックス」データベース(つまり、サイト上のすべての写真のリスト)が保存され、Bitrixを実行しているデータベースから定期的に更新/読み取られます。
これにより、CDNと比較して、ホスティングハードドライブとサイトデータベース(MySQL)の負荷が増加します。
画像トラフィックはホスティングを通過し、ホスティングに負荷をかけます。
CDNはこのタスクを完全に引き受けます。
CDNからの画像は可能な限り効率的にレンダリングされます。 ブラウザへのデータ転送を高速化するために、さまざまなキャッシュメカニズムも使用されます。
リクエストごとに毎回、画像がオンザフライで変換、最適化、圧縮されるわけではありません。 CDNは、サイトの訪問者への画像の配信を妨げないように、バックグラウンドで要求された画像に対してこれらすべての手順を1回実行します。
クラシックバージョンの統合では、ホスティング/サーバーがこのタスクを引き受けます。 したがって、画像転送の効果は、サーバー/ホスティングの最適な設定にのみ依存します。
画像ビューに対して支払いが行われます。
このオプションは最も透過的です-サイトへの訪問者に表示される画像を表示するためにのみ料金を支払います。
写真がサイトのあるフォルダーにあるが、サイトのどこにも表示されていない場合、それらを最適化するための費用は負担しません。
あなたはあなたのサイトへのトラフィックに比例して支払います。
最初は、サイトのトラフィックが少ない場合、サイト上の画像の表示回数は最小限に抑えられます。
そして、サイトをアップグレードすると、そのトラフィックはすでに良好になります。サイトは以前の低トラフィックでもたらされたよりも多くの収益をもたらすため、大量の画像ビューに支払う余裕があります。
各画像の効果的な圧縮に対して支払いが行われます。 圧縮された画像の重み(バイト単位)が、圧縮前の元の画像の重みよりも小さい場合、圧縮は効果的であると見なされます。
さらに、システムは、サイトのフォルダ内のどの画像がサイトでアクティブに使用(表示)されているか、どの画像が「デッドウェイト」であり、サイトに表示されることが非常にまれであるか、まったくないかを自動的に判断できません。 したがって、システムが検出したサイト上のすべての画像は圧縮されています。 また、システム設定で手動で登録することにより、以前は不要なフォルダ/ファイルを自分で除外することができます(またはその逆-処理が必要なフォルダのみを登録します)。