เคล็ดลับในการเรียกการดาวน์โหลดสไตล์ชีตแบบอะซิงโครนัสคือการใช้<link>
องค์ประกอบและตั้งค่าที่ไม่ถูกต้องสำหรับแอตทริบิวต์สื่อ (ฉันใช้ media = "none" แต่จะมีค่าใด ๆ ) เมื่อแบบสอบถามสื่อประเมินว่าเป็นเท็จเบราว์เซอร์จะยังคงดาวน์โหลดสไตล์ชีต แต่จะไม่รอให้เนื้อหาพร้อมใช้งานก่อนที่จะแสดงผลหน้า
<link rel="stylesheet" href="css.css" media="none">
เมื่อดาวน์โหลดสไตล์ชีตเสร็จแล้วจะต้องตั้งค่าแอตทริบิวต์สื่อเป็นค่าที่ถูกต้องจึงจะนำกฎสไตล์ไปใช้กับเอกสาร เหตุการณ์ onload ใช้เพื่อเปลี่ยนคุณสมบัติสื่อเป็นทั้งหมด:
<link rel="stylesheet" href="css.css" media="none" onload="if(media!='all')media='all'">
วิธีการโหลด CSS นี้จะนำเสนอเนื้อหาที่เป็นประโยชน์แก่ผู้เยี่ยมชมได้เร็วกว่าวิธีมาตรฐาน CSS ที่สำคัญยังคงสามารถใช้งานได้ด้วยวิธีการบล็อกตามปกติ (หรือคุณสามารถอินไลน์เพื่อประสิทธิภาพสูงสุด) และสไตล์ที่ไม่สำคัญสามารถดาวน์โหลดและนำไปใช้ในขั้นตอนการแยกวิเคราะห์ / การแสดงผลในภายหลังได้
เทคนิคนี้ใช้ JavaScript แต่คุณสามารถรองรับเบราว์เซอร์ที่ไม่ใช่ JavaScript ได้โดยการรวม<link>
องค์ประกอบการบล็อกที่เทียบเท่าไว้ใน<noscript>
องค์ประกอบ:
<link rel="stylesheet" href="css.css" media="none" onload="if(media!='all')media='all'"><noscript><link rel="stylesheet" href="css.css"></noscript>
คุณสามารถดูการดำเนินการได้ในwww.itcha.edu.sv

ที่มาในhttp://keithclark.co.uk/