HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS

CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCSSは未使用のCSSを掃除してくれる、わずか60行のスクリプトです。 HTMLとCSSを入力として受け取り、使用されたCSSのみを出力として返します。 対象となるセレクタはcss-selectのおかげで、実質的に考えられるすべてのセレクタの削除が達成されます。 参考: サポートされているセレクタ CSSTreeを使用すると、特別な処理を行わなくても、メディアクエリを他のすべてのブロックと同じように透過的に処理および削除できます

[coliss]

HTMLとCSSのファイルを解析し、未使用のCSS（セレクタもサポート）を掃除してくれるツール

[hirose504]

それ、Chrome DevToolsで出来るよ https://www.ecomottblog.com/?p=609

[naari_3]

動的に生成されるDOMについてはどうなるんだろう

[iww]

上書きされるので無意味になってる装飾 とかも検知してくれるとだいぶ捗りそう

[fut573]

かなり前にjsで使ってる部分が消されて動作しなくなった記憶が

[rira9ma_world116]

なんかこねこねいじくり回してるとゴミだらけになっても気づかないことがあるので、こういうツールが地味に嬉しい🙃

[nn0]

Sassも消さないといけないんだよなぁ…

[rryu]

セレクタがマッチするか検証すれば洗い出せるのか。

[djshigy]

usefultool

[roppara]

試してみたい

[sd-craft]

最近は使われていないcss削除しろとかGoogleもうるさいしね。こういうツールで検知できないような動的コンテンツは作らないようにしないと。

[twainy]

ええやん

[suquiya0]

ほむほむ。

[nadatomokkya]

べんり