Cara Meningkatkan Kinerja CSS

Tidak ada keraguan bahwa CSS memainkan peran besar dalam kinerja web. Milica Mihajlija menjelaskan dengan tepat mengapa:

Jika ada CSS yang tersedia untuk halaman, baik itu sebaris atau lembar gaya eksternal, browser akan menunda rendering sampai CSS diurai . Ini karena halaman tanpa CSS sering tidak dapat digunakan.

Peramban harus menunggu hingga CSS diunduh dan diurai untuk menunjukkan kepada kami bahwa perenderan pertama laman, jika tidak, menjelajah web akan sangat merepotkan secara visual untuk dijelajahi. Kami mungkin akan menulis JavaScript untuk menunda rendering halaman dengan sengaja jika begitulah cara kerja web asli.

Jadi bagaimana Anda memperbaikinya? Klasik seperti bantuan caching, minification, dan kompresi. Tetapi juga, kurangi pengiriman, dan hanya memuat sedikit yang Anda butuhkan dan sisanya setelah rendering pertama.

Ini sepenuhnya tentang bagaimana dan berapa banyak CSS yang Anda muat, dan sangat sedikit hubungannya dengan konten CSS.

Tautan Langsung ke ArtikelTautan permanen


Posting Cara Meningkatkan Kinerja CSS muncul pertama kali di CSS-Tricks .

Anda dapat mendukung CSS-Tricks dengan menjadi Supporter MVP .

April 20, 2021

codeorayo

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com

Leave a Reply

Your email address will not be published. Required fields are marked *