Ct.css - đoạn CSS snippet để phân tích hiệu năng

• Thêm ct.css vào phần head sẽ giúp kiểm tra các vấn đề
  → đỏ: cần sửa
  → cam: có thể có vấn đề
  → xanh lá: không có vấn đề, chỉ cung cấp thông tin
  → đường liền: đây là tệp đang có vấn đề
  → đường nét đứt: một tệp khác đang gây ra vấn đề
• Nếu thêm dưới dạng snippet trong Chrome DevTools thì có thể kiểm tra trên bất kỳ trang nào

(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>Ồ, đúng là một cách rất độc đáo. Không ngờ lại có thể kiểm tra bằng stylesheet...</p>