前端性能優化

前端性能優化

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/

總結幾點：

1、最最基本的

• CSS頂部, JS底部
• YUI compressor/Gzip  可替換成UglifyJs
• CDN 有
• 必要的CSS Sprite　　
• Ajax可緩存

2、CSS渲染、頁面重繪以及迴流

3、下降靜態資源請求數　　

4、資源的複用　　CSS三角形  base64小圖像  webFonts

5、js/HTML交互相關

6、瀏覽器自身的潛力　　localStorage儲存經常使用非更新數據

7、模塊加載 lazyload