web前端頁面優化，我們從JavaScript、css、html這3個方面說下，我的見解，希望大神們能有剛好優化方法，一起探討。 一、 有關javascript方面 優化見解。 1. 首先舉個例子：下載1個 100KB 的js文件，要比4個 25KB的js文件快。 因此，我們得出了一個結論： ”那就 ...
web前端頁面優化，我們從JavaScript、css、html這3個方面說下，我的見解，希望大神們能有剛好優化方法，一起探討。
一、 有關javascript方面 優化見解。
1. 首先舉個例子：下載1個 100KB 的js文件，要比4個 25KB的js文件快。
因此，我們得出了一個結論：
”那就是減少http 請求js的數量“，
但是問題來了，我們又不能把所有的js放在一起，因為當載入一個巨形的js文件，會導致我們的頁面卡停（沒有載入完引入的js時，頁面不會再次執行）
所以，我們引入了 Requirejs.
Requirejs的優點: 1. 實現js文件的非同步載入，避免網頁失去響應; 2. 管理模塊之間的依賴性，便於代碼的編寫和維護。（有關requirejs的案例網上很多，在此就不說使用方法了）
2. 合併請求js的http鏈接
例如當我請求2個存放位置在同意目錄下的js。
（1）. http://www.test/test/js/jquery-1.9.1.js
（2）. http://www.test/test/js/tool.js
我們可這樣寫：
http://www.test/test/js/??jquery-1.9.1.js,tool.js
3. 使用” lazyload” (懶載入),網上有很多這樣的教程。
我在此只說明”懶載入”的使用情況時，當你的頁面有很多圖片的時候，但是每次展示一兩張，只有在下拉 或 點擊時，才顯示後面的圖片。 就用懶載入
二、 在css 方面，優化見解。
- 我們還可以通過把採用“精靈圖“(sprites)技術,把頁面常用的圖片如logo,icon等圖片合成在一張圖片上，到時候再使用css絕對定位。這樣可以減少圖片的http請求。
- 通用法則：”減少http請求“，合理規劃css樣式文件的數量和大小。達到載入性能最優。
三、 在html 方面，優化見解
- 把<script>標簽放在緊靠body 的閉合標簽的</body>標簽的上面。 因為，代碼是自上而下執行的。把js的引用放在下麵，這是頁面會展示已經載入的元素（比起瀏覽器展示空白頁面，這樣要強一些）
四、 靜態資源路徑，使用CDN資源路徑。
