1. CSS harus ditempatkan di atas struktur (biasanya ditempatkan di dalam elemen head). CSS adalah bahasa yang ditafsirkan, dan Firefox serta IE tidak akan merender apa pun sampai mereka menunggu transfer CSS selesai. Hanya dengan menambahkan CSS, halaman dapat dirender saat browser mengurai strukturnya.
Contoh Kode Sumber:
Hal ini menyebabkan masalah layar putih kosong. Halaman benar-benar kosong hingga stylesheet di bagian bawah diunduh, dalam urutan 6-10 detik untuk halaman ini. Browser menunggu stylesheet dimuat sebelum merender apa pun halaman, bahkan teks statis.
Masalah yang diakibatkannya adalah halaman tersebut akan menjadi "sederhana" untuk sementara waktu, dan tiba-tiba menjadi "indah" lagi, sehingga menghasilkan pengalaman pengguna yang sangat buruk.
2. Coba gunakan metode impor gaya <link rel="stylesheet" href="http://www.cnwebshow.com/123.css" type="text/css">, dan kurangi penggunaan @import, apalagi Gunakan beberapa level @import bersarang. Karena di IE, @import sama dengan menempatkan <link> di akhir halaman.
Contoh Kode Sumber
Ini adalah sintaks yang valid, namun, meskipun berada di HEAD dokumen, ini merusak rendering progresif dan malah menyebabkan layar putih kosong dan Flash of Unstyled