
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
未使用のjavascript、cssのコードを特定する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
未使用のjavascript、cssのコードを特定する - Qiita
はじめに 開発が進むにつれ、jsファイルやcssファイルは何かとファイルサイズが膨れます。 というのも過... はじめに 開発が進むにつれ、jsファイルやcssファイルは何かとファイルサイズが膨れます。 というのも過去に参照されていたが現在は使用されていないデッドコードが生まれがちだからです。 未使用のコードを削除することでファイルサイズが小さくなり読込速度の改善したり、保守性がアップが見込めます。 手順 ブラウザの開発者ツールを利用することで、どのコードが実行されていないか簡単に調べることができます。 開発者ツールを開く(WindowsならCtrl+Shift+I、MacならCommand+Option+I) 縦の3点リーダ を選択 More tools を選択 Coverage を選択 ページを再読み込み CoverageからJSやCSSのコードの使用率がわかります。 赤いラインで表示されているコードが未使用のコードになります。 ただし、未使用だからと言って不要なコードとは限りません。 if/e