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

CSS

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

他の CSS 検証ツールが Web 上で公開されているのを見てきました。 私たちが使用した クリーンなCSS データをより適切に整理および縮小することにより、ファイル サイズを削減します。 ただし、サードパーティを使用してサイトを分析する場合は注意が必要です。 あるページをスクレイピングして CSS を分析した場合、ツールは他のページで使用されている大量のスタイルを削除するように指示する場合があります。

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

未使用のCSS

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

2のコメント

  1. 1
  2. 2

どう思いますか?

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