​​Core Web Vitals​Chrome,HTML,Lighthouse,Playwright,web-vitals

Thumbnail of post image 192

ページ上部の大きな画像に loading=”lazy”(画像の遅延読み込み)を付けると、Core Web Vitals の LCP が遅れます。検証したページでは、外すだけで Lighthouse の LCP ...

​​Core Web Vitals​CSS,JavaScript,Lighthouse,Playwright,web-vitals

Thumbnail of post image 132

記事の途中の広告の枠は、広告が届いて高さが決まった瞬間に本文を押し下げ、CLS を悪くします。高さ 250px の広告に見立てた枠で試すと、0.159 だった CLS が、枠に min-height を付けると 0 になりました。