Web サイト内の未使用アセットの特定
Web サイト内で未使用の画像や CSS スタイルを見つけることは、時間がかかり、エラーが発生しやすい作業になる可能性があります手動で行う場合。ただし、適切なツールを使用すると、このプロセスを大幅に簡素化できます。
未使用の画像ファイル
Web サイトのファイルを手動で検索して、読み込まれた画像と比較する代わりに, Google Chrome の DevTools の「監査」機能を利用するのが効果的な解決策です。 [監査] で [未使用の CSS ルールを削除] を選択すると、Chrome がサイトをスキャンして未使用の画像を特定し、不必要なリソースの読み込みを防ぎます。
未使用の CSS スタイル
同様に、バージョン 59 以降の Chrome の最新バージョンでは、「CSS および JS コード カバレッジ」が提供されます。この機能はサイトをプロファイリングし、サイトに存在しない ID およびクラスの未使用の CSS 宣言を強調表示します。この視覚的表現により、不要なスタイルを簡単に識別して削除できるため、よりクリーンで最適化されたコードベースが保証されます。
以上が使用されていない Web サイト資産を迅速に特定して削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。