如何识别并删除网站中未使用的图像和 CSS？

识别网站中未使用的图像和 CSS 样式

查找网站中未使用的资源可能是一项繁琐的任务，但这对于优化至关重要性能并最小化您的文件大小网站。

图像：

识别未使用图像的一种方法是通过 Google Chrome 的“审核”功能。通过打开开发工具 (F12) 并导航到“审核”选项卡，您可以执行“辅助功能最佳实践”审核，这将识别未使用的图像文件。

CSS:

Chrome 59 版本以后还提供了“CSS 代码覆盖率”和“JS 代码覆盖率”功能。通过使用这些功能，您可以分析哪些 CSS 和 JavaScript 代码实际在您的网站上执行。任何未使用的 CSS 声明或 ID/类选择器都可以被识别并删除。

其他工具：

还有第三方工具可用于检测您的文件中未使用的资源。网站。

• Lighthouse： 一种自动网络分析工具，包括“未使用的 CSS 和 JS”审核。
• Web 开发者浏览器扩展： 提供“CSS 未使用”功能，显示未使用的 CSS 选择器。
• CSS Profiler 书签: 一个简单的工具，可生成未使用的 CSS 规则列表。

通过利用这些方法，您可以显着减少未使用的图像和 CSS 样式的开销，从而获得更快、更高效的网站。

以上是如何识别并删除网站中未使用的图像和 CSS？的详细内容。更多信息请关注PHP中文网其他相关文章！