画像圧縮によるLazy Loadingの補完

Joomla、WordPress、Drupal、その他のCMSのいずれであっても、画像圧縮によりページの重みが向上するため、グローバルな読み込み時間が向上します。

画像の読み込みを延期することで、モバイル読者はデータ プランを節約できます。 他の人は読み込み時間が短縮されることで恩恵を受け、結果として SEO スコアが向上します。 lazy loadingプラスの影響は非常に大きいため、Google Chrome は将来のアップデートでこの技術をネイティブに採用する予定です。

画像のlazy loading、ブログの読み込みの問題すべてに対する根本的な解決策ではありません。 場合によっては、画像を事前にロードする必要があります。 また、読み込みに時間がかかりすぎる大きな画像がある場合もあります。 これらのシナリオに共通するのは、画像が読み込み時間に最終的な決定権を持っているという事実です。 ここで画像圧縮が登場します。

遅延読み込みと画像圧縮

 

入念な画像圧縮

画像のlazy loading 、画像がダウンロードされると必要になるまで延期されます。 画像のダウンロードにかかる時間は、画像の大きさ(数キロバイトかメガバイトか)によって異なります。 画像圧縮は、画像のサイズを小さくすることにより、実際のダウンロードプロセスを早めます。 圧縮画像を遅延ロードできるのに、なぜフルサイズの画像を遅延ロードするのですか?

ImageRecycleは、イメージオプティマイザーの役割を果たします。 ImageRecycleは、品質を犠牲にすることなく画像のサイズを縮小するように設計されています。 lazy loadingビューポートの事前lazy loading高度な手法を使用すると、効果がさらに印象的になります。つまり、1つまたは2つの画面の高さで画像が事前にlazy loadingれています。

プリロード画像ビューポート

 

 

ImageRecycle便利な API のおかげでどのプロジェクトでも使用できますが、 ImageRecycleを使用するのに技術的な知識は必要ありません。 画像オプティマイザーは、WordPress と Joomla ブログの最適化に役立つ 2 つのプラグイン、 WP Speed of LightとSpeed Cacheの一部であり、PHP 画像圧縮スクリプトを使用するほぼすべてのプラットフォームで使用できます。

ImageRecycle -Setup


 

ImageRecycleアカウントを正常にアクティブ化すると、WordPress、Joomla、opencart、またはCMSを離れることなく、その利点を活用できます。

WebサイトでImageRecycle初めて使用する場合は、すべてのメディアファイルをすぐに高速化できます。

 

画像圧縮の微調整

ImageRecycle 、画像の最適化にまったく新しい次元の制御が与えられます。

PDF、PNG、JPG、GIF ファイルなど、さまざまなファイル タイプに対して圧縮レベルを個別に指定することもできます。 圧縮レベルは、ファイル サイズを最大 80% 削減する最適な保存レベルから、永続性の低い元の品質レベル、まったく圧縮しないものまで多岐にわたります。

画像圧縮品質

 

場合によっては、画像圧縮の前に予備的なサイズ変更ステップを実行することが必要になる場合があります。 メディアに重点を置いていないブログに、巨大なサイズの画像をアップロードすることを検討してください。 いずれにせよ、これらの画像はフロントエンドでレンダリングされるときに縮小される可能性があります。

ImageRecycle使用すると、画像を最大幅または高さに自動的に再スケーリングして、ブログに悪影響を与える大きな画像を保存しないようにすることができます。

Lazy loadingは、ブログの読み込み時間を短縮するための優れたソリューションですが、ほとんど表面的な場合もあります。これは、ウェブページの一時的な高速化です。

    • コメントが見つかりませんでした