エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSS/Javascriptの不要な部分をさくっと洗い出す - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS/Javascriptの不要な部分をさくっと洗い出す - Qiita
自分用メモも兼ねて。 見ているページ内で使われているCSSプロパティやJSの処理などを簡単に判別するた... 自分用メモも兼ねて。 見ているページ内で使われているCSSプロパティやJSの処理などを簡単に判別するため、Chrome 59からDevToolにCoverage機能が追加されているので使ってみます。 (2018/05/24現在はバージョン: 66.0.3359.181) 実際動かすとページのロード時にトレースして使われたコードを確認できます。 DevToolを開き[Console]タブの左にあるメニューから[Caverage]を選択してタブ追加。 左側の丸いレコードボタンを押すとトレース開始。(ボタンが赤くなる) 緑が使用、赤が未使用。 CSSだけでなくJSもどの行が実行されているか、実行されていないかも確認できます。 こんな感じ。 読み込んだページではこのようにして使用されていないプロパティや処理がわかります。 ですが、 昨今はWebpack等でCSS/JSファイルそれぞれをまとめて1つ