P247 img要素のサイズは固定化する

img要素は、あらかじめ大きさを指定することで余計なLayoutを避けることができる。
img要素の大きさを指定しない場合には、画像が読み込まれていない段階では、仮の大きさで一度Layoutが行われる。画像が読み込まれ次第要素の大きさが変わることになるので、Layoutやそれに続くレンダリング処理が再度行われる。

Webフロントエンド ハイパフォーマンス チューニング