一、請求
1、主要透過快取來減少請求次數比如localStorage、Cookie、sessionStorage、ApplicationCache等,具體用法可以在網上搜索;
2、由於每種瀏覽器對同一域名的併發數量有限制,所以採取多域名對資源進行配置,比如圖片單獨用一域名;這樣也能大大提高效能;
3、精簡程式碼,合併資源,儘量減少請求次數。
二、傳輸
除了精簡程式碼外,可開啟gzip壓縮來提高傳輸效率。
三、渲染
瀏覽器邊解析html,邊根據根據解析結果請求資源,並形成DOM樹。而後載入完css,根據DOM樹來生成渲染樹,等所有資源載入計算完後繪製到瀏覽器。使用者的操作會修改DOM節點和樣式,從而會重新排列DOM和渲染。所以透過一下幾點提高效能:
1、html標籤避免巢狀太深,因為遍歷樹消耗資源;
2、css層級也不能太深,另外css的expression屬性特別耗資源,儘量不要用;
3、儘量減少重排列的次數;
4、能用css實現的動畫不要用js,因為渲染機制不一樣。
以上是簡單的分析和方法。若有不對請指正。
一、請求
1、主要透過快取來減少請求次數比如localStorage、Cookie、sessionStorage、ApplicationCache等,具體用法可以在網上搜索;
2、由於每種瀏覽器對同一域名的併發數量有限制,所以採取多域名對資源進行配置,比如圖片單獨用一域名;這樣也能大大提高效能;
3、精簡程式碼,合併資源,儘量減少請求次數。
二、傳輸
除了精簡程式碼外,可開啟gzip壓縮來提高傳輸效率。
三、渲染
瀏覽器邊解析html,邊根據根據解析結果請求資源,並形成DOM樹。而後載入完css,根據DOM樹來生成渲染樹,等所有資源載入計算完後繪製到瀏覽器。使用者的操作會修改DOM節點和樣式,從而會重新排列DOM和渲染。所以透過一下幾點提高效能:
1、html標籤避免巢狀太深,因為遍歷樹消耗資源;
2、css層級也不能太深,另外css的expression屬性特別耗資源,儘量不要用;
3、儘量減少重排列的次數;
4、能用css實現的動畫不要用js,因為渲染機制不一樣。
以上是簡單的分析和方法。若有不對請指正。