CSS Nedir?
Stil dili. HTML'e görünüm. Renk, font, layout. Cascading Style Sheets.
Neden Önemlidir?
Render-blocking; LCP etkisi. Dosya boyutu; hız. Critical CSS, minification.
Nasıl Çalışır?
CSS dosyası veya inline. Tarayıcı parse eder, uygular. Render aşamasında. Blocking veya non-blocking.
Dikkat Edilmesi Gerekenler
- Render-blocking CSS LCP'yi geciktirir; critical path optimize edilmeli.
- display:none ile gizlenen içerik; Google spam olarak değerlendirebilir, bağlama göre.
- CSS minification, birleştirme hız için önerilir.
Sık Sorulan Sorular
CSS SEO'yu etkiler mi?
Dolaylı. Render-blocking LCP. Dosya boyutu hız. Görünmez içerik (display:none) dikkat. Critical CSS önerilir.
Render-blocking CSS nasıl çözülür?
Critical CSS inline. Geri kalanı async/defer. Media query ile conditional load. Preload önemli CSS.
CSS minification nedir?
Boşluk, yorum kaldırma. Dosya boyutu azalır. Build tool (webpack, gulp) veya CDN. Hız iyileştirmesi.