前端性能检测

翻一翻《全栈性能测试性能宝典》回忆了以前httpwatch好像以前用到过，文章介绍了YSlow，但这个功能已经看不到了。我用的是PageSpeed Insights，这个插件只有chrome浏览器中支持.
输入你的网址就可以，评估出优化项并能给出建议，挺好。

下面的前端性能优化来自yahoo的网站优化的34条黄金法则。

主题	法则
内容类	1.减少http请求
内容类	2.减少DNS查找
内容类	3.避免跳转
内容类	4.缓存ajax
内容类	5.延迟加载
内容类	6.提前加载
内容类	7.减少dom元素数量
内容类	8.用域名划分页面内容
内容类	9.减少frame
内容类	10.避免404错误
服务器类与cookie类	1.使用cdn
服务器类与cookie类	2.为文件头制定expires或cache-control
服务器类与cookie类	3.gzip压缩网页
服务器类与cookie类	4.配置实体标签
服务器类与cookie类	5.尽早刷新输出缓冲
服务器类与cookie类	6.使用get完成ajax请求
服务器类与cookie类	7.减少cookie体积
服务器类与cookie类	8.对于页面内容使用无cookie域名
javascript、css、图片类	1.把脚本置于页面底部
javascript、css、图片类	2.使用外部javascipt和css
javascript、css、图片类	3.削减javaascript和css
javascript、css、图片类	4.剔除重复脚本
javascript、css、图片类	5.减少dom访问
javascript、css、图片类	6.开发智能事件处理程序
javascript、css、图片类	7.把样式表置于底部
javascript、css、图片类	8.避免使用css表达式
javascript、css、图片类	9.使用外部javascript和css
javascript、css、图片类	10.用户代理@import
javascript、css、图片类	11.避免使用滤镜
javascript、css、图片类	12.优化图像
javascript、css、图片类	13.优化css sprites
javascript、css、图片类	14.不要在html中缩放图像
javascript、css、图片类	16.favicon.ico要小而且可缓存
移动应用类	1.保持单小内容小于25KB
移动应用类	2.打包组件成复合文本