3

インライン画像に幅と高さを追加すると、ページ読み込みのパフォーマンスが向上しますか?

<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" />
4

2 に答える 2

5

ページの読み込みが速くなるとは思いませんが、ブラウザは画像を取得する前にページを正しくレイアウトするために画像のサイズを知っているため、ページをすぐに正しくレンダリングするのに役立ちます

于 2010-05-01T01:57:52.063 に答える
2

はい。多くのブラウザーは、ダウンロード中にレンダリングを開始します。サイズがない場合やサイズが間違っている場合は、プレースホルダーを使用します。サイズがわかったら、レンダリングを最初からやり直します。

正しいサイズを指定すると、多くの場合、レンダリングを最初からやり直す必要がなくなります。これにより、クライアント側の CPU が節約され、最初のレンダリングが持続します。これにより、クライアントのレンダリング時間が改善されます。

于 2010-06-08T02:59:00.780 に答える