1、減少http請求(合並文件、合並圖片)。
2、優化圖片文件,減小其尺寸,特別是縮略圖,一定要按尺寸生成縮略圖然后調用,不要在網頁中用resize方法實現,雖然這樣看到的圖片外形小了,但是其加載的數據量一點也沒減少。曾經見過有人在網頁中加載的縮略圖,其真實尺寸有10M之巨…普通圖像、icon也要盡可能壓縮后,可以采用web圖像保存、減少顏色數等等方法實現;
3、圖像格式的選擇(GIF:提供的顏色較少,可用在一些對顏色要求不高的地方)。
4、 壓縮JavaScript、CSS代碼:一般js、css文件中存在大量的空格、換行、注釋,這些利於閱讀,如果能夠壓縮掉,將會很有利於網絡傳輸。這方面的工具也有很多,可以在百度里搜索一下關鍵字“css代碼壓縮”,或者“js代碼壓縮”將會發現有很多網站都提供這樣的功能,當然了你也可以自己寫程序來做這個工作,如果你會的話。就拿我們這個網站來說吧。剛開始上傳這個網站的時候,我的很多Css代碼都沒有壓縮,后面發現了這個問題,我就上網找了相關的網站的壓縮代碼的功能,最后就把很多CSS文件都壓縮了。這個壓縮比率還是比較高的,一般都有百分五十左右。這個代碼壓縮對於網頁的加載還是很有用的。
5、 服務器啟用gzip壓縮功能:將要傳輸的文件壓縮后傳輸到客戶端再解壓,在網絡傳輸 數據量會大幅減小。在服務器上的Apache、Nginx可直接啟用,也可用代碼直接設置傳輸文件頭,增加gzip的設置,也可從 負載均衡設備直接設置。不過需要留意的是,這個設置會略微增加服務器的負擔。服務器性能不是很好的網站,要慎重考慮。
6.標明高度和寬度(如果瀏覽器沒有找到這兩個參數,它需要一邊下載圖片一邊計算大小,如果圖片很多,瀏覽器需要不斷地調整頁面。這不但影響速度,也影響瀏覽體驗。 當瀏覽器知道了高度和寬度參數后,即使圖片暫時無法顯示,頁面上也會騰出圖片的空位,然后繼續加載后面的內容。從而加載時間快了,瀏覽體驗也更好了。)
7、網址后面加上“/”:對服務器而言,不加斜杠服務器會多一次判斷的過程,加斜杠就會直接返回網站設置的存放在網站根目錄下的默認頁面。
8. Ajax采用緩存調用:Ajax調用都采用緩存調用方式,一般采用附加特征參數方式實現,注意其中的<script src=”xxx.js?{VERHASH}”,
{VERHASH}就是特征參數,這個參數不變化就使用緩存文件,如果發生變化則重新下載新文件或更新信息。