LCP 4.1s -> 1.6s on a news homepage
The hero image was the LCP element (Largest Contentful Paint = when the biggest visible thing finishes painting). It loaded 1,900ms late.
— Root cause: image discovered by the CSS background, not in HTML. Browser found it only after CSSOM built.
— Moved to inline <img> + fetchpriority="high" + preload in <head>.
— Resource load start: 1,850ms -> 240ms.
— Lighthouse perf 58 -> 89. p75 field LCP crossed under 2.5s in 14 days.
Takeaway: 2,500ms of LCP was just late discovery, zero bytes changed.
Millisecond Mafia
@MillisecondMafia
LCP 4.1s -> 1.6s on a news homepage
Этот пост опубликован в Telegram-канале Millisecond Mafia. Подписаться можно по ссылке: @MillisecondMafia.