css - 一致しないまたは不要な CSS セレクターを削除してスタイルシートを最適化するにはどうすればよいですか

Question

私は何千ものセレクターを持つ大規模なスタイルシートを継承しましたが、それらのかなりの数が不要であり、サイトの要素と実際に一致することはないと確信しています. 最適化のために、これらの孤立したセレクター/ルールを削除したいと思います。

CSS をサイト全体と比較して、必要なセレクターとそうでないセレクターを特定できるツールはありますか?

このサイトには AJAX コンポーネントがあるため、curl/wget スクリプトを記述してサイトを走査し、各セレクターをループして一致するものを grep することも特に実現可能ではありません (それはちょっと楽しいですが...)。

すべての提案を歓迎します。

ありがとう、JD

score 2 · Accepted Answer

「Dust-Me Selectors」と呼ばれる Firefox プラグインがあります。

「表示しているページのすべてのスタイルシートからすべてのセレクターを抽出し、そのページを分析して、使用されていないセレクターを確認します。データは保存されるため、後続のページをテストするときにセレクターをクロスオフできますそれらが遭遇したときにリストします。」

これはかなり手動のプロセスですが、探しているものになる可能性があります。

score 1 · Accepted Answer

次のような多くのオンラインオプティマイザーのいずれかを試すことができます。

Robson Compressor は、冗長なセレクターを組み合わせて削除するのに最適な仕事をしているようです。

一部のオンラインオプティマイザーには、未使用のセレクターを削除する機能があります。

score 0 · Accepted Answer

私の意見では、dust-meselectcorよりも優れています

3 に答える 3