避免內聯和嵌入代碼，儘量引入外部文件 樣式在上，腳本在下，樣式在head內 上線前通過自動化工具壓縮樣式表，或適應預處理器，如less,sass,stylus 儘量合併多個CSS文件，因為瀏覽器的並行下載速度有限 使用async非同步載入頁面內容，如使用多個屬性，並無固定順序 第三方插件應該非同步載入 ... ...
-
避免內聯和嵌入代碼，儘量引入外部文件
-
樣式在上，腳本在下，樣式在head內
-
上線前通過自動化工具壓縮樣式表，或適應預處理器，如less,sass,stylus
-
儘量合併多個CSS文件，因為瀏覽器的並行下載速度有限
-
使用async非同步載入頁面內容，如使用多個屬性，並無固定順序
<script async src="example.js"></script>
-
第三方插件應該非同步載入
script.async = true; -
迴圈中緩存數組長度
-
最小化重繪和迴流
-
避免不必要的DOM操作，當一個元素出現多次應保存在變數中
-
原生Javascript中的函數執行總是要比jQuery快一些，使用Javascript的
for迴圈，不要使用jQuery.each方法 -
儘量不要使用jQuery，多使用原生方法
-
data-URI 使用數據圖片（base64），雪碧圖等, 可使用構建工具得到
-
在
img標簽中設置width和height屬性可以防止渲染過程中的重繪和迴流 -
使用無損壓縮圖片，使用漸進式jpeg圖片
