Ct.css – CSS-Snippet zur Performance-Analyse

• Wenn ct.css im Head eingebunden wird, prüft es auf Probleme
  → Rot: Muss korrigiert werden
  → Orange: Es könnte ein Problem geben
  → Grün: Kein Problem. Dient nur zur Information
  → Durchgezogene Linie: Diese Datei ist die problematische Datei
  → Gepunktete Linie: Eine andere Datei verursacht das Problem
• Wenn man es als Snippet in den Chrome-Entwicklertools hinterlegt, kann man es auf jeder Seite prüfen

(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>Wow, das ist ja mal eine originelle Methode. Dass man das per Stylesheet prüfen kann …</p>