今回ご紹介する CSS Code Quality は、任意のサイトのURLを入力するか、CSSを直接コピペするだけで、CSSの品質をチェックすることができます。チェックする内容は、メンテナンス性の高さ、CSSの複雑さ、パフォーマンスの3項目になります。それぞれ内容をレポートしてくれます。

スコアを大きく下げ改善した方が良い内容は赤色、できるだけ改善した方が良い内容はオレンジで表示されすのでCSSの最適化作業に役立つかと思います。

CSS Code Quality

CSS Code Quality使い方

CSS Code Qualityの使い方はとても簡単です。
URLを入力して、「CALCULATE COMPLEXITY」ボタンをクリックするだけです。

URL to analyze

CSSを直接コピペする場合はこちらの入力欄にコピペして「CALCULATE COMPLEXITY」ボタンをクリックするだけです。

Direct CSS input

スコアの表示

CALCULATE COMPLEXITY」ボタンをクリックして少し待てばスコアの表示をしてくれます。レポートの下に表示されるので、CSSの最適化にお役立てください。

CSSスコア