Ct.css - CSS Snippet สำหรับวิเคราะห์ประสิทธิภาพ

• เพิ่ม ct.css ใน head แล้วระบบจะช่วยตรวจสอบปัญหาให้
  → สีแดง: ต้องแก้ไข
  → สีส้ม: อาจมีปัญหา
  → สีเขียว: ไม่มีปัญหา แสดงข้อมูลเท่านั้น
  → เส้นทึบ: ไฟล์นี้คือไฟล์ที่มีปัญหา
  → เส้นประ: ไฟล์อื่นกำลังก่อให้เกิดปัญหา
• ถ้าเพิ่มไว้เป็น Snippet ใน Chrome DevTools ก็จะตรวจสอบได้จากทุกหน้า

(function(){  
 var ct = document.createElement('link');  
 ct.rel = 'stylesheet';  
 ct.href = 'https://csswizardry.com/ct/ct.css';  
 ct.classList.add('ct');  
 document.head.appendChild(ct);  
}());  

[joyfui]

<p>ว้าว เป็นวิธีที่แปลกใหม่ดีนะครับ คิดไม่ถึงเลยว่าจะเช็กด้วย stylesheet ได้...</p>