Text LCP 3.2s -> 1.4s by fixing font loading
The LCP element was a headline, not an image. It rendered invisible until a 48KB web font finished — font-display: block with a 3s timeout.
— Switched to font-display: swap + preloaded the WOFF2 subset (48KB -> 14KB, Latin only).
— Text painted in the fallback at 0.9s instead of waiting on the font.
LCP (text): 3.2s | 1.4s
p75 field LCP: 3.5s | 1.6s
Takeaway: a text LCP can hide behind font-display: block — swap painted the headline 1,800ms sooner.
Millisecond Mafia
@MillisecondMafia
Text LCP 3.2s -> 1.4s by fixing font loading
Этот пост опубликован в Telegram-канале Millisecond Mafia. Подписаться можно по ссылке: @MillisecondMafia.