Home

CSS eksternal yang dipanggil dengan tag link adalah salah satu resource yang menghalangi render. Termasuk JavaScript jika dipanggil di tag head dan tanpa menggunakan attribute `async` atau `defer`. Pada saat browser memuat HTML, konten (body) didalamnya tidak akan segera ditampilkan sebelum CSS eksternal termuat atau terjadi timeout. Ini akan mengurangi User Experience karena pengunjung hanya melihat halaman blank putih.

Secara umum, resource eksternal yang dipanggil di tag head adalah resource yang menghalangi render. Untuk mengatasi render-blocking CSS, kita hanya bisa mengelola bagaimana CSS eksternal dimuat. Seperti menunda pemuatan CSS yang kurang penting. Atau menaruh CSS penting sebagai CSS internal atau inline.

#HTML #CSS