スタイルシートで未使用のCSSスタイルを見つける方法
スタイルシートはキャッシュされていますが、誰かが初めてサイトにアクセスすると、肥大化したCSSファイルによってサイトの速度が大幅に低下する可能性があります。 これは第一印象としてはあまり良くありません。 サイトが成長するにつれて、デザイナーがますます多くのスタイルシートオプションで微調整し続ける新しいウィジェットやオブジェクトで拡張する傾向があります。 時間の経過とともに、スタイルシートはかなり肥大化し、の重要な部分になる可能性があります サイトのダウンロードが遅い理由 他より。
私は他のCSS検証ツールをウェブ上で見ました。 使用しました クリーンなCSS ファイル上のデータをより適切に整理および縮小することにより、ファイルサイズを削減します。 ただし、サードパーティを使用してサイトを分析する場合は、注意が必要です。 彼らがXNUMXつのページを削ってCSSを分析する場合、ツールは他のページで使用されているスタイルのトンを減らすようにあなたに削除させるかもしれません。
そうではない 未使用のCSS –そのツール アンドリュー・バルドック Mindjetから、 マインドマッピング アプリケーション、昨日見せてくれました。 このツールはサイトをクロールし、未使用のCSSを識別します。 分析に関係なく、保持したいスタイルをチェックすることもできます。 さらに、minifyルーチンを実行した後、スタイルシートをダウンロードできます。
上はダッシュボードです 未使用のCSS スタイルシートを 56% 削減できることがわかりました。 私たちはこのツールのテストを続けるつもりですが、JavaScript と Ajax 経由で取り込むオブジェクトについてはまだ懸念しています。 しかし、それは私たちにとって素晴らしいリソースのように見えます。