WEBサイトのコーディングにて質問です。

Question

40

70pt

HTML+CSSにて構築されたサイトで、CSS内での未使用のクラスを消して行きたいのですが、
何か方法はありませんでしょうか。
※ポイント稼ぎと思われる浅い回答は全て通報します。

回答の条件

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません

horonict · Answer 1 · 2010-01-20T11:40:00+09:00

不要なCSSを洗い出すツールがあります。

Rubyが必要です。

Hidehisa · Answer 2 · 2010-01-20T23:05:06+09:00

■PageSpeed

ブラウザのFirefoxにアドオンのFirebugを入れて、さらにGoogleのPageSpeedアドオンを入れると、特定ページで、CSSに記述されているけれども使われていないスタイルを教えてくれます。

方法としては、

Firefoxをインストール

FirebugをFirefoxにインストール

FirebugにGoogle PageSpeedをインストール

目的のページを表示

Firefoxのメニューから［ツール］＞［Firebug］＞［Firebugを新しいウィンドウ開く］

Firebugのウィンドウで、上部のタブから［Page Speed］を選ぶ

［Analyze Performance］ボタンをクリックして、解析が終わるまで待つ

表示された結果のなかの「Remove unused CSS」を開いて、示されているスタイル記述を記録する。これが、CSSに記述されているけれどもそのページでは使われていないスタイル指定です。

サイト全体ではチェックできませんが、主要なページでこれを繰り返して、使われていない記述を絞り込んでいくことは可能ですね。

■Dust Me CSS

Dust-Me Selectors

をFirefoxにインストールすれば、サイト内の全ページにリンクされているサイトマップを指定すると、そこからリンクされているすべてのページで同様のチェックをまとめてしてくれるようですが、そちらは私は使ったことがありませんので参考までに。

■grep

動的なサイトでなく、静的なHTMLファイルがある場合は、idやcssをgrepして探す方法もあります。

回答（2件）