1. ควรวาง CSS ไว้เหนือโครงสร้าง (โดยปกติจะวางไว้ภายในองค์ประกอบส่วนหัว) CSS เป็นภาษาที่ตีความ และ Firefox และ IE จะไม่แสดงผลใดๆ จนกว่าจะรอให้การถ่ายโอน CSS เสร็จสิ้น โดยการเพิ่ม CSS ไว้หน้าเท่านั้นที่สามารถแสดงผลเพจได้เมื่อเบราว์เซอร์แยกวิเคราะห์โครงสร้าง
ตัวอย่างซอร์สโค้ด:
สิ่งนี้ทำให้เกิดปัญหาหน้าจอว่างเปล่า หน้าเว็บจะว่างเปล่าทั้งหมดจนกว่าจะดาวน์โหลดสไตล์ชีตที่ด้านล่าง ตามลำดับ 6-10 วินาทีสำหรับหน้านี้ เบราว์เซอร์กำลังรอให้สไตล์ชีตถูกโหลดก่อนที่จะแสดงผลอย่างอื่น หน้าหรือแม้แต่ข้อความคงที่
ปัญหาที่เกิดขึ้นคือหน้าเว็บจะ "เรียบง่าย" ไปได้ระยะหนึ่ง และจู่ๆ ก็ "สวยงาม" อีกครั้ง ส่งผลให้ผู้ใช้ได้รับประสบการณ์ที่แย่มาก
2. ลองใช้ วิธีการนำเข้าสไตล์ และลดการใช้ @import นับประสาอะไรกับการใช้ @import ที่ซ้อนกันหลายระดับ เนื่องจากใน IE @import เทียบเท่ากับการวาง ที่ส่วนท้ายของหน้า
ตัวอย่างซอร์สโค้ด
นี่เป็นไวยากรณ์ที่ถูกต้อง แต่แม้ว่าจะอยู่ใน HEAD ของเอกสาร แต่ก็ทำให้การแสดงผลแบบโปรเกรสซีฟเสียหาย และทำให้เกิดหน้าจอสีขาวว่างเปล่าและ Flash ของ Unstyled แทน