Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」

Ads

DropCSS


DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。

多くの方はWebサイト全体で全てのページをチェックし、その中で未使用のCSSを削除してくれるものを求めている方が大半だとは思いますが、本ライブラリのようにWebページ単位でのツールは既存サイトのメンテナンスよりも、開発中にお世話になりそうですね。

というわけで試しに使ってみました。

Ads

動作サンプル

動作サンプルです。ダミーのHTMLはDummy HTML snippetsで、CSSはNormalize.cssを使ってテストしました。結果はサンプルの通りです。読み込まれたCSSを解析し、未使用のCSSを除去した結果が表示されています。

ChromeユーザーならDevtoolsで出来るようになっていますが、個人的にはDropCSSも割と便利でした。お手軽高速というのがメリットという印象です。ライセンスはMIT。

DropCSS

タイトルとURLをコピーしました