關於頁面優化

做爲一名前端工程師，能作的優化有哪一些呢？
主要包括兩方面：頁面性能與代碼可維護性。

HTML篇

1. 減小沒必要要的嵌套

2. 適當且精簡的id/class名稱

3. 有意義地使用id（利用選擇符屬性）

4. 減小link、script請求

5. 底部引用script

6. CDN加速

7. 利用好HTML5標籤

8. 壓縮html

CSS篇

1. 減小沒必要要的嵌套

2. 雪碧圖

3. 開啓硬件加速（參考css動畫性能優化）

4. 壓縮圖片、轉base64

5. 壓縮css

JS篇

1. 封裝複用 / 繼承( prototype、call / bind / apply )

2. 緩存技術（ cookie、HTML 5 Web 存儲）

3. 懶加載，一次請求 / 屢次請求 / data-img

4. 以添加 / 刪除 class 名稱替代

5. 模塊化，按需加載

6. 命名空間

7. 函數表達式替換函數聲明

8. 避免使用閉包

9. *開啓嚴格模式'use strict'

10. 壓縮js