web前端方向的同僚们来看看javascript css覆盖率测试问题

对于站点的javascript,css,image提高用户体验优化方面的问题,困扰许久,曾尝试过对javascript采用代码测试覆盖率的方式进行删除冗余代码,但是仍存在一些问题,目前能找到的工具,精确度并不是很高;思路{

先只考虑清除函数,需要一个正则表达式获取整个站点所有的函数,然后依次查找该函数是否被掉用过,依次进行清理未曾掉用过的代码;

}

对于CSS 的清除,火狐有类似插件清除,但是没有直接导出的插件,一行一个,清理到何年何月?如果你一个站是这样,手工可以容忍,但是站点一多,文件一大,你折腾N久,真的会头晕的!

忙了好长一段时间了,一直没有一个很好的方案,所有目前暂定的方案是采用gzip进行css,js的压缩,经测试优化后的效果...

688Kb的js 压缩成159kb;

102kb的css压缩成17kb;

先用这种方法撑着...

在这方面有经验的朋友帮忙提提意见:)
要求,就是项目一大,需要清理未使用的垃圾代码(javascript,css);

追问：再问个问题:)
javascript和css 测试覆盖率有效的工具 你知道有好用的吗?因为我确定以前的版本出现了没调用过的css和js函数:(

谢谢你的回复:)css usage 这个 有个 导出清理过的选项 我测试过 无效(测试了好几个版本的火狐),javascript也有类似的工具 但都不尽人意..谢谢你:)

答案：1.启用gzip压缩盯着先；
2.压缩代码，如利用jsmin等工具压缩这些文本文件；
3.对于你说的，应该是你整站只用一个css文件一个js文件造成的，你可以利用其它方式来加载代码，如：
每个页面都是 一个公用的css代码文件+一个针对当前页面的css代码，这样可以将代码高效利用起来；

如果你是用jquery库或者其它著名的JS库的话，你可以考虑CDN。

其他：-_,-! 一个 CSS 文件能写到100KB，还真“牛”……
20KB 以内的路过…… 

上一个：请问这种图片轮流播放的用什么实现。用javascript能实现吗？
下一个：javascript的alert怎样用<br>实现换行