今回ご紹介する CSS Code Quality は、任意のサイトのURLを入力するか、CSSを直接コピペするだけで、CSSの品質をチェックすることができます。チェックする内容は、メンテナンス性の高さ、CSSの複雑さ、パフォーマンスの3項目になります。それぞれ内容をレポートしてくれます。
スコアを大きく下げ改善した方が良い内容は赤色、できるだけ改善した方が良い内容はオレンジで表示されすのでCSSの最適化作業に役立つかと思います。
CSS Code Quality使い方
CSS Code Qualityの使い方はとても簡単です。
URLを入力して、「CALCULATE COMPLEXITY」ボタンをクリックするだけです。
CSSを直接コピペする場合はこちらの入力欄にコピペして「CALCULATE COMPLEXITY」ボタンをクリックするだけです。
スコアの表示
「CALCULATE COMPLEXITY」ボタンをクリックして少し待てばスコアの表示をしてくれます。レポートの下に表示されるので、CSSの最適化にお役立てください。
