作者归档：xinlu

前端性能分析工具

yslow：YSlow （解析为 why slow）是雅虎基于网站优化规则推出的工具，帮助你分析并优化网站性能。雅虎网站优化规则在十几个方面给你的网站提出优化建议，包括尽可能的减少 HTTP 的请求数 、使用 Gzip 压缩、将 CSS 样式放在页面的上方、将脚本移动到底部、减少 DNS 查询等十几条规则，YSlow 会根据这些规则分析你的网站，并给出评级。
PageSpeed：PageSpeed Insights 的Chrome扩展是由谷歌官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的插件，安装以后会附加到Developer Tools(开发者工具)中。所以安装之后，大家只需要在页面上点击右键——审查元素，就可以在最后一个标签中看到 PageSpeed 了。

移动前端工具

http://frozenui.github.io/frozenjs/
内部使用了比jq性能更好的库:zepto.js,文件gzip压缩后只有5k，是专门为移动推出的SDK。
http://framework7.taobao.org/
超NB的webapp框架。

APK反编译工具

方法一：
http://ibotpeaches.github.io/Apktool/
方法二：
有时方法一，并不凑效。可以试这个方法,把apk后缀名改为.zip，然后用winrar打开，这个方法是可以破开天猫的apk。

webapp的JS调试与性能优化

在调试MobileWeb的时候，如果打开空白窗口，其标题如:chrome-devtools://devtools/bundled/devtools.html类似，则说明这时你需要穿墙一次，才能打开调试界面，之后再次打开则不会存在任何问题的了，目前该调试是关联到不同手机平台的。

根据devtools进行优化前请详细阅读以下文档：
新版：https://developers.google.com/web/tools/chrome-devtools/
旧版：https://developer.chrome.com/devtools/docs/cpu-profiling

https://github.com/paulirish/adb_trace这是python版的通迅协议实现

前端性能测试工具

1.berserkJS，新浪微博开源并使用的一个前端性能测试工具，据说它做得比phantomjs还更易用更好。
2.phantomJS，常用于单元测试，据说淘宝和百度是在用它的。
3.chrome’s devtools，按F12键就可以打开。非常详细。
4.web performance api,w3c组织制定的一个浏览器性能测试API,目前Chrome支持最好，可以使用js直接调用实现NB的性能检测。https://github.com/getwingm/web-performance