什么是 savings-test？
savings-test 是一个用于测试页面性能和加载时间的 npm 包。它可以帮助你检查你的网站是否存在冗余的 JavaScript 和 CSS 文件，从而减少页面加载时间，提高页面性能。
安装 savings-test
在使用 savings-test 之前，你需要先安装它。可以通过执行以下命令来安装：
--- ------- ------------ ----------
如何使用 savings-test？
使用 savings-test 很简单，只需要执行以下命令即可：
--- ------------
上述命令会在你的项目中运行 savings-test，输出检查结果并展示冗余的 JavaScript 和 CSS 文件。
如何解读 savings-test 的输出结果？
savings-test 的输出结果分为三部分：
- 未使用的 JavaScript 文件
- 未使用的 CSS 文件
- 总计可节省的文件大小
以下是 savings-test 输出的示例结果：
---- ---------- --- - ---------- ---- --- --- - ------------- ----------- - ------
通过上述结果，我们可以看出，在该项目中，存在一个未使用的 JavaScript 文件和一个未使用的 CSS 文件。并且，删除它们可以节省 1.23MB 的文件大小。
如何删除未使用的文件？
在得知存在未使用的文件后，我们应该及时将其删除。对于未使用的 JavaScript 和 CSS 文件可以直接删除。
savings-test 的高级用法
savings-test 提供了更多的选项以帮助你更好地分析你的网站性能。以下是一些高级用法：
指定目标页面
如果你想针对特定页面运行 savings-test，可以通过以下命令指定目标页面：
--- ------------ -----------------------------
仅检查 JavaScript
如果你只想检查未使用的 JavaScript 文件，可以通过以下命令忽略 CSS 文件：
--- ------------ -----------
仅检查 CSS
如果你只想检查未使用的 CSS 文件，可以通过以下命令忽略 JavaScript 文件：
--- ------------ ----------
忽略指定文件
如果你想要忽略某些文件，可以通过以下命令指定忽略文件列表：
--- ------------ ----------------------------------
结论
通过使用 savings-test，我们可以发现并删除未使用的 JavaScript 和 CSS 文件，从而减少页面加载时间，提高页面性能。此外，savings-test 还提供了更多的高级用法，可以让我们更好地分析我们的网站性能。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600668f5d9381d61a3540ea6