減低頁面加載時間的方法

1. 重複的HTTP請求數量應儘可能減小

（1） 減小調用其餘頁面、文件的數量

 

（2）將須要頻繁加載的多個圖片合成爲1個單獨的圖片，加載時採用：background:url(....) no-repeat x-offset y-offset的形式加載，圖片加載的HTTP請求縮減爲1個。即，css sprite  (http://baike.baidu.com/view/2173476.htm)

  不高於200KB的單張圖片的所需載入時間基本是差很少的，因此無需顧忌這個問題。

利用CSS Sprites能很好地減小了網頁的http請求，從而大大的提升了頁面的性能，

CSS Sprites能減小圖片的字節，曾經比較過屢次3張圖片合併成1張圖片的字節老是小於這3張圖片的字節總和。

Css Sprites 缺點：最痛苦的是在寬屏，高分辨率的屏幕下的自適應頁面，你的圖片若是不夠寬，很容易出現背景斷裂；

 

2. 服務器啓用gzip壓縮功能
將要傳輸的文件壓縮後傳輸到客戶端再解壓，在網絡傳輸 數據量會大幅減少。在服務器上的Apache、Nginx可直接啓用，也可用代碼直接設置傳輸文件頭，增長gzip的設置，也可從 負載均衡設備直接設置。不過須要留意的是，這個設置會略微增長服務器的負擔。服務器性能不是很好的網站，要慎重考慮。
3. 在文件頭部放置css樣式的定義
4. 文件末尾放Javascript腳本
網頁文件的載入是從上到下加載的，不少Javascript腳本執行效率較低，或者在網頁前面都不須要執行的，若是將這些腳本放置到頁面比較靠前的位置，可能致使網站內容載入速度降低或加載不了，將這些腳本放置在網頁文件末尾，必定要放 置在前面的腳本要改用所謂的「後載入」方式加載，在主體網頁加載完成後再加載，防止其影響到主體網頁的加載速度。
5. 壓縮Javascript、CSS代碼
通常js、css文件中存在大量的空格、換行、註釋，這些利於閱讀，若是可以壓縮掉，將會頗有利於網絡傳輸。這方面的工具也有不少，能夠在百度裏搜索一下關鍵字「css代碼壓縮」，或者「js代碼壓縮」將會發現有不少網站都提供這樣的功能，固然了你也能夠本身寫程序來作這個工做，若是你會的話。就拿咱們這個網站來講吧。剛開始上傳這個網站的時候，個人不少Css代碼都沒有壓縮，後面發現了這個問題，我就上網找了相關的網站的壓縮代碼的功能，最後就把不少CSS文件都壓縮了。這個壓縮比率仍是比較高的，通常都有百分五十左右。這個代碼壓縮對於網頁的加載仍是頗有用的。
6. Ajax採用緩存調用
Ajax調用都採用緩存調用方式，通常採用附加特徵參數方式實現，注意其中的<script src=」xxx.js?{VERHASH}」，
{VERHASH}就是特徵參數，這個參數不變化就使用緩存文件，若是發生變化則從新下載新文件或更新信息。
7. 儘量減小DCOM元素
儘量減小網頁中各類<>元素數量，例如<table>的冗餘很嚴重，而咱們徹底能夠用<div>取代之。