画像圧縮によるLazy Loading補完

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

lazy loadingのプラスの影響は十分に大きいため、GoogleChromeは将来のアップデートでこの手法をネイティブに採用することを計画しています。

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

遅延読み込みと画像圧縮

 

入念な画像圧縮

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

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

pre-load-image-viewport

 

 

ImageRecycleは、便利なAPIのおかげでどのプロジェクトでも使用できますが、 ImageRecycleを使用するために技術的なImageRecycle持っている必要はありません。 :イメージオプティマイザは、あなたのワードプレスと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は、ブログの読み込み時間を短縮するための優れたソリューションですが、ほとんど表面的な場合もあります。これは、ウェブページの一時的な高速化です。

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