Ct.css - パフォーマンス分析用CSSスニペット

• ヘッドに ct.css を追加すると問題をチェックしてくれる
  → 赤: 修正が必要
  → オレンジ: 問題がある可能性あり
  → 緑: 問題なし。情報のみ提供
  → 実線: このファイルが問題のあるファイル
  → 点線: 別のファイルが問題を引き起こしている
• Chrome 開発者ツールにスニペットとして入れておけば、どのページでも確認可能

(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>