任何只为网络应用程序组合必要的CSS和js的好方法

Question

我一直在改进Web应用程序前端的结构，并完成了诸如组合和缩小css / js文件，版本文件以及构建一些模板之类的事情。但是我在看一些网络工具，它说有大量未使用的js / css。有没有任何建议   - 发现完全必要的代码   - 组合，缩小和版本化页面的正确代码 我主要是寻找一个逻辑建议，任何代码样本都会很棒。我专门使用python，猎豹模板，yui-compressor，修改时间进行版本控制，mod_rewrite和gzip on apache

Answer 1

查看Dust-Me Selectors Firefox扩展程序以简化CSS：

  

Dust-Me Selectors是一款Firefox   扩展（对于v1.5或更高版本）   找到未使用的CSS选择器。

     

它从所有选择器中提取所有选择器   你在页面上的样式表   查看，然后分析该页面   看看哪些选择器不是   用过的。然后存储数据   在测试后续页面时，   选择器可以从列表中划掉   因为他们遇到了。

     

您可以单独测试页面，或   蜘蛛整个网站，你会结束   随着选择器的配置文件   不在任何地方使用。

对于JavaScript，请查看Google Closure Compiler，它可以计算代码中的代码，并删除冗余。

  

Closure Compiler是一个工具   制作JavaScript下载并运行   快点。它是一个真正的编译器   JavaScript的。而不是编译   它是机器代码的源语言   从JavaScript编译到更好   JavaScript的。它解析你的JavaScript，   分析它，删除死代码和   重写并最小化剩下的东西。它   还检查语法，变量   引用，类型和警告   常见的JavaScript陷阱。