By fireworks2@foxmail.com
去年有一段时间做了些相关的工作,查阅了大量的资料,自己也有了一些体会。不想再去重复人家罗列的各个rule,只是想单纯写写自己的体会。
我自己的八字箴言
少做:尽量减少HTTP请求和网络包(素材格式精悍,合并文件,压缩文件等)
晚做:先不为看不到的部分做工作(页面动态js效果还有其他一些页面加载后才有用的,可以放到window.onload之后(如图片的懒加载))
不做:去掉部分动态内容,使用静态化,使用准实时替代实时需求
善做:顺从浏览器的内在原理(尽量避免大量的reflow(页面重绘、影响几何布局),少操作dom,缓存获得的dom节点,使用多个域名等)
常使用的性能剖析工具:dynaTrace yslow pagespeed
其中dynaTrace可以在IE中使用
yslow和pagespeed会根据大家比较认同的一些规则来给页面打分
另外注意js一旦下载完毕,立即执行,不管是同步还是异步;当然如果搞成图片标签,那就不会立即执行
阅读(2116) | 评论(0) | 转发(0) |