html - 要素が非表示の場合のページ サイズ

Question

要素が非表示の場合、読み込み中のページ サイズに影響しますか。

たとえば、画像が非表示になっているとします。ページが読み込まれると、その画像のサイズも計算されますか?

隠し画像は50枚まで。

ありがとう。

Answer 1

いいえ、CSS で非表示にしても、HTML はサーバーからこれらの画像を要求します。ページのタグをコメント アウトするよりもページの読み込みを速くしたい場合はimg、画像を非表示にするだけでなく、サーバーからも画像を要求しないため、ページの読み込みが速くなります。

Web サイトに小さなアイコンがたくさんある場合は、CSS スプライトを使用することもできます。リテラル イメージについて話している場合は、ページの読み込みを高速化してイメージをレンダリングする場合は、遅延ロード手法をチェックできます。