前端性能优化

前端性能优化

http://www.zhangxinxu.com/wordpress/2013/04/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/

总结几点：

一、最最基本的

• CSS顶部, JS底部
• YUI compressor/Gzip  可替换成UglifyJs
• CDN 有
• 必要的CSS Sprite　　
• Ajax可缓存

二、CSS渲染、页面重绘以及回流

三、降低静态资源请求数　　

四、资源的复用　　CSS三角形  base64小图像  webFonts

五、js/HTML交互相关

六、浏览器自身的潜力　　localStorage储存常用非更新数据

七、模块加载 lazyload