FCP 2.8s -> 1.1s by killing render-blocking CSS
A blog loaded a 142KB framework stylesheet in <head>, blocking First Contentful Paint until the full file parsed.
— Critical CSS (above-the-fold, 9KB) inlined directly in <head>.
— Remaining CSS loaded with media="print" onload swap (non-blocking).
— Render-blocking requests: 3 -> 0.
FCP: 2.8s | 1.1s
LCP: 3.4s | 1.6s
Takeaway: 133KB of CSS removed from the critical render path; 1,700ms off FCP.
Millisecond Mafia
@MillisecondMafia
FCP 2.8s -> 1.1s by killing render-blocking CSS
Этот пост опубликован в Telegram-канале Millisecond Mafia. Подписаться можно по ссылке: @MillisecondMafia.