Critical CSS Nedir?

Critical CSS Nedir?

Critical CSS (Kritik CSS), bir sayfanın ilk açılışta görünen kısmını (Above the Fold) doğru göstermek için gereken minimum CSS kodunun, sayfanın en başında öncelikli olarak yüklenmesi tekniğidir. Geri kalan (görünmeyen alanların) CSS'i ise ertelenir. Böylece kullanıcı sayfayı açar açmaz ilk ekran hızlıca ve doğru biçimde görünür; render engellenmez. Bu, algılanan yükleme hızını ve LCP'yi iyileştiren ileri bir performans tekniğidir.

Critical CSS Nasıl Çalışır?

• İlk ekran (Above the Fold) CSS'i önce yüklenir.
• Geri kalan CSS ertelenir (defer).
• Render engelleme azalır, ilk görünüm hızlanır.

SEO Etkisi

Render engelleyici CSS'i azaltarak LCP'yi ve algılanan hızı iyileştirir.