減少頁面加載時間的方法


減少頁面加載時間的方法

加載時間:指感知的時間或者實際的加載速度

方法: 

A.減少http請求(合並圖片、合並文件)

B.優化圖片文件,減小其尺寸,特別是縮略圖。

[一定要按尺寸生成縮略圖然后調用不要在網頁中用resize方法實現,雖然這樣看到的圖片外形小了,但是其加載的數據量一點也沒減少。曾經見過有人在網頁中加載的縮略圖,其真實尺寸有10M之巨…普通圖像、icon也要盡可能壓縮后,可以采用web圖像保存、減少顏色數等等方法實現。]

C.圖像格式的選擇(GIF:提供的顏色較少,可用在一些對顏色要求不高的地方).

 網頁上常用的圖片格式(壓縮圖片):

1)jpg:有損壓縮格式,靠損失圖片本身的質量來減小圖片的體積,適用於顏色豐富的圖像;(像素點組成的,像素點越多會越清晰 )

2)gif:有損壓縮格式,靠損失圖片的色彩數量來減小圖片的體積,支持透明,支持動畫,適用於顏色數量較少的圖像;

3)png:有損壓縮格式,損失圖片的色彩數量來減小圖片的體積,支持透明,不支持動畫,是fireworks的 源文件格式,適用於顏色數量較少的圖像;

 D. 壓縮JavaScript、CSS代碼

 [一般js、css文件中存在大量的空格、換行、注釋,這些利於閱讀,如果能夠壓縮掉,將會很有利於網絡傳輸。”JS/css代碼壓縮”: 一般都有百分五十左右。這個代碼壓縮對於網頁的加載還是很有用的。]

E. 服務器啟用gzip壓縮功能:將要傳輸的文件壓縮后傳輸到客戶端再解壓,在網絡傳輸 數據量會大幅減小。在服務器上的Apache、Nginx可直接啟用,也可用代碼直接設置傳輸文件頭,增加gzip的設置,也可從 負載均衡設備直接設置。不過需要留意的是,這個設置會略微增加服務器的負擔。服務器性能不是很好的網站,要慎重考慮。

 F. 標明高度和寬度

[如果瀏覽器沒有找到這兩個參數,它需要一邊下載圖片一邊計算大小,如果圖片很多,瀏覽器需要不斷地調整頁面。這不但影響速度,也影響瀏覽體驗。 當瀏覽器知道了高度和寬度參數后,即使圖片暫時無法顯示,頁面上也會騰出圖片的空位,然后繼續加載后面的內容。從而加載時間快了,瀏覽體驗也更好了。]

H. 網址后面加上“/”:對服務器而言,不加斜杠服務器會多一次判斷的過程,加斜杠就會直接返回網站設置的存放在網站根目錄下的默認頁面。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM