スタイルシートで未使用のCSSスタイルを見つける方法

CSS

スタイルシートはキャッシュされていますが、誰かが初めてサイトにアクセスすると、肥大化したCSSファイルによってサイトの速度が大幅に低下する可能性があります。 これは第一印象としてはあまり良くありません。 サイトが成長するにつれて、デザイナーがますます多くのスタイルシートオプションで微調整し続ける新しいウィジェットやオブジェクトで拡張する傾向があります。 時間の経過とともに、スタイルシートはかなり肥大化し、の重要な部分になる可能性があります サイトのダウンロードが遅い理由 他より。

私は他のCSS検証ツールをウェブ上で見ました。 使用しました クリーンなCSS ファイル上のデータをより適切に整理および縮小することにより、ファイルサイズを削減します。 ただし、サードパーティを使用してサイトを分析する場合は、注意が必要です。 彼らがXNUMXつのページを削ってCSSを分析する場合、ツールは他のページで使用されているスタイルのトンを減らすようにあなたに削除させるかもしれません。

そうではない 未使用のCSS –そのツール アンドリュー・バルドック Mindjetから、 マインドマッピング アプリケーション、昨日見せてくれました。 このツールはサイトをクロールし、未使用のCSSを識別します。 分析に関係なく、保持したいスタイルをチェックすることもできます。 さらに、minifyルーチンを実行した後、スタイルシートをダウンロードできます。

未使用のCSS

上はダッシュボードです 未使用のCSS それが私のスタイルシートを56%減らすことができることがわかりました。 今後もツールのテストを続けていきます。JavascriptとAjaxを介してプルするオブジェクトについてはまだ心配です。 しかし、それは私たちにとって素晴らしいリソースのように見えます。

2のコメント

  1. 1
  2. 2

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.