1. 程式人生 > >移動站點性能優化

移動站點性能優化

end http請求 位置 pop 移動站 表達 track scrip html

代碼優化能夠提高站點的性能
優化規則:
1.盡量降低HTTP請求
1).合並css 背景圖片。
background-position 屬性設置背景圖像的起始位置。
2).合並樣式表和腳本。
優化方式:require.js
3).壓縮圖片
4).避免重定向


2.腳本運行優化
1).css寫在頭部
2).javascript寫在尾部或者異步


3.css優化
1)盡量避免寫在HTML標簽中寫Style屬性
2)避免使用css表達式
3)值為0時不須要不論什麽單位為了瀏覽器的兼容性和性能,值為0時不要帶單位
4)不濫用Float,Float在渲染時計算量比較大,盡量降低使用
5)不聲明過多的Font-size過多的Font-size引發CSS樹的效率


4.javascript優化
1)盡量使用ID選擇器ID選擇器是最快的
2)TOUCH事件優化使用touchstart、touchend取代click,因快影響速度快。但應註意Touch響應過快,易引發誤操作

移動站點性能優化