ページ内の画像のサイズを小さくすることで、ページの読み込み速度を向上させることは可能でしょうか?
たとえば、現在、100x100 に合わせる必要がある大きな画像 (1200x 1200) があります。これはjQueryを介して可能ですか、それとも手動で行う必要がありますか?
ありがとう。
サーバー上の画像サイズを変更してから、ページの HTML または JavaScript を変更して、それらの小さい画像を参照する必要があります。jQuery はブラウザーで実行されるため、サーバー上で 1200x1200 の画像を取得できず、ダウンロードする前に何らかの方法で 100x100 にすることができません。
ただし、サーバー上で画像を小さいサイズに変更すると、ページの読み込み時間が大幅に改善されます。
はい、確かにページの読み込み速度が向上します。
また、サーバー上の画像のサイズを変更することをお勧めします。
参照:
ページ内の画像のサイズを小さくすることで、ページの読み込み速度を向上させることは可能でしょうか? これはjQueryを介して可能ですか
いいえ。これには、ブラウザがネットワーク経由で大きな画像をダウンロードし、それを処理してサイズを縮小する必要があります。
処理速度を上げたい場合は、サーバーから送信される前に画像を小さくする必要があります。
ただし、これを手動で行う必要はありません。画像のサイズ変更はプログラムで行うことができます。
サーバー側で画像のサイズを変更するには、WideImageライブラリを使用できます。このような命令で:
WideImage::load($path)
->resize(100, 100)
->output("jpg");
画像をロードし、メモリ内でサイズを変更して、そのデータを目的の形式で返します。