javascript - 从域的浏览 session 中识别和删除不需要的 CSS(文件/样式)和 JS(脚本/函数)

标签 javascript css profiling

我们有一个使用 Twitter Bootstrap 模板和第三方 jQuery 插件的非常大的元素,原始开发人员添加了几个插件和 CSS 文件,而不关心他将使用的特性和功能。

由于其中一些样式和 JS 函数可以动态调用,并且由于元素非常非常大,手动检查是一项非常繁琐的工作,所以您是否知道任何可以分析 CSS 和 JS 使用情况的工具浏览 session 的功能(假设浏览 session 涵盖所有页面和 js 功能和点击)并报告未使用的功能,以便开发人员可以在构建阶段安全地将它们删除到生产中以将有效负载保持在最低限度?

以上内容适用于任何网站,而不仅仅是使用引导模板和 jQuery 插件的网站。

最佳答案

我知道通过 Chrome 的审核,您可以检查正在使用的 CSS 文件的百分比,这将有助于缩小范围;仅适用于某些页面。

Chrome's Audits

有时进行清理的最佳方法只是选择一种设计(功能/样式/等)并删除其余部分,这可能会破坏系统的功能和外观并且可能很乏味,但至少您知道工作马上就完成了。

有些人可能不同意,但这就是我处理工作的方式。

关于javascript - 从域的浏览 session 中识别和删除不需要的 CSS(文件/样式)和 JS(脚本/函数),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17488855/

相关文章:

javascript - 用于基于浏览器的实时 MMO 的 Firebase

javascript - Google map ,更改显示的邮政编码

html - 两个不同大小的DIV背景

g++ - gprof 没有输出

php - 使可编辑的 div 在 div 长度末尾换行

javascript - 为什么 Firebase 无法识别我的 Firebase 实例? "call Firebase App.intializeApp()"

html - 在 div 标签中显示长文本

javascript - 在 .SlideToggle() 时更改 .CSS()

Java JAR 内存使用 VS 类文件内存使用

api - 如何分析 Laravel 的 REST API