移動網站效能最佳化

標籤：cli   require   樣式   標籤   script   osi   相容性   click   star   

代碼最佳化能夠提高網站的效能
最佳化規則：
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響應過快，易引發誤操作

移動網站效能最佳化