インライン画像に幅と高さを追加すると、ページ読み込みのパフォーマンスが向上しますか?
<img id="moon" height="200" width="450"
src="http://www.domain.com/moon.png" alt="moon image" />
これと比べて
<img id="moon" src="http://www.domain.com/moon.png" alt="moon image" />
インライン画像に幅と高さを追加すると、ページ読み込みのパフォーマンスが向上しますか?
<img id="moon" height="200" width="450"
src="http://www.domain.com/moon.png" alt="moon image" />
これと比べて
<img id="moon" src="http://www.domain.com/moon.png" alt="moon image" />
ページの読み込みが速くなるとは思いませんが、ブラウザは画像を取得する前にページを正しくレイアウトするために画像のサイズを知っているため、ページをすぐに正しくレンダリングするのに役立ちます
はい。多くのブラウザーは、ダウンロード中にレンダリングを開始します。サイズがない場合やサイズが間違っている場合は、プレースホルダーを使用します。サイズがわかったら、レンダリングを最初からやり直します。
正しいサイズを指定すると、多くの場合、レンダリングを最初からやり直す必要がなくなります。これにより、クライアント側の CPU が節約され、最初のレンダリングが持続します。これにより、クライアントのレンダリング時間が改善されます。