Tanım Render engelleyici kaynaklar tarayıcının kritik render path'inde durur. CSS, CSSOM oluşturulmadan render başlamaz. <script> etiketi defer veya async olmadığında HTML parser duraklar.
Nasıl çalışır Tarayıcı HTML'i ayrıştırırken render engelleyici kaynakla karşılaşır ve dosya indirilip işlenene kadar bekler. CSS varsayılan olarak engelleyicidir. JavaScript varsayılan olarak engelleyicidir ancak defer veya async ile non-blocking yapılabilir. Engelleyici kaynak sayısı arttıkça LCP süresi uzar.
Scope Trends'te nerede karşılaşırsınız **Site Tarama** raporu her sayfa için render engelleyici kaynak listesini çıkarır. **Core Web Vitals** sekmesi LCP'yi etkileyen blokları öncelik sırasıyla gösterir.
Sık sorulan sorular **Tüm CSS'i async yüklemek doğru mu?** Hayır. Kritik CSS satır içi tutulur, kritik olmayan CSS preload veya media query ile geciktirilir.
**Defer ve async farkı nedir?** Defer DOM hazır olduktan sonra çalışır ve sırayı korur. Async indikten hemen sonra çalışır ve sıra garantisi yoktur.