DropCSS
DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。
多くの方はWebサイト全体で全てのページをチェックし、その中で未使用のCSSを削除してくれるものを求めている方が大半だとは思いますが、本ライブラリのようにWebページ単位でのツールは既存サイトのメンテナンスよりも、開発中にお世話になりそうですね。
というわけで試しに使ってみました。
動作サンプル
動作サンプルです。ダミーのHTMLはDummy HTML snippetsで、CSSはNormalize.cssを使ってテストしました。結果はサンプルの通りです。読み込まれたCSSを解析し、未使用のCSSを除去した結果が表示されています。
ChromeユーザーならDevtoolsで出来るようになっていますが、個人的にはDropCSSも割と便利でした。お手軽高速というのがメリットという印象です。ライセンスはMIT。
