4

CSSファイルのサイズを縮小しようとしています。これは、CSSとJSが非常に重いテンプレートからのものです。CSSMinを使用しても、CSSファイルのサイズは250kbです。

私はCSSをたくさん使用していますが、すべてを使用しているわけではありません。だから私はどのスタイルを削除できるかを考えようとしています。私はDust-Meセレクターを知っていますが、それはWebサイトを静的に見るだけです。HTML5とCSS3-Webサイトは非常に動的になり、私のCSSのほとんどは動的イベント、つまり「レスポンシブ」イベント、つまりBootstrapから発生します。

質問：ウェブサイトで使用するすべてのCSSを一定期間「記録」するツールはありますか？そのため、各要素に移動してクリック/ホバー/移動し、サイトを操作できます。最後に、どのスタイルが使用されたか、使用されなかったかを教えてください。

4

3 に答える 3

1

CSSの使用法はFirefoxの優れた拡張機能です。これは、ページで現在使用されているcssを示します。

リンク：https ：//addons.mozilla.org/en-us/firefox/addon/css-usage/

于 2012-06-04T18:29:57.100 に答える
1

私があなたを助けるかもしれないと思う2つのツールがあります。

heliumは、未使用のcssルールを検出するjavascriptツールです。

csscssは、重複を報告するソースコードアナライザーです。これを行うものが見つからなかったという理由だけでcsscssを書いたので、私は偏見を持っています。しかし、多くの人がそれが役に立つと思っているようです。

于 2013-04-16T17:59:43.023 に答える
0

250kbは、CSSファイルだけでは本当に大きな数字です。
テンプレートには通常、1つのファイル内のすべてのページに必要なすべてのCSSが含まれています。
私は提案します：

CSSコードを切り取らないでください。ある時点で必要になる可能性があります。

代わりに、CSSファイルをさまざまなページスタイル用のいくつかの小さなファイルに分割することをお勧めします。たとえば、ログインページ用の別のCSS、ホームページ用 の別のCSSファイルなどです。 CSSコードはどのHTMLセクションで使用されます。
CSSHTML

更新：未使用のCSSの削除-CSSオプティマイザー
を試してみてください。 私は個人的にそれを使用しませんでしたが、それがあなたのために働くことを願っています。

于 2012-06-04T18:30:31.473 に答える