如何讓你的網站顯示速度更快
阿新 • • 發佈:2019-02-13
1、最小化的HTTP請求(content)
因為在一個頁面中所花費的時間大多數是在scripts、stylesheets、images和flashs等等,這些都是通過HTTP請求來載入的,這些大概佔用了載入時間的70%到80%。因此,減少這些載入時間可以大大優化頁面的載入速度。使用下面的幾種方法可以有效提高載入速度:- 將所有的scripts指令碼程式碼組合成一個單獨的script指令碼程式碼,將可以合併的所有css合成為一個stylesheet.
- CSS Sprites(國內稱為:CSS精靈),是一種網頁圖片應用處理方式。它允許你將一個頁面設計到的所有零星圖片包含到一張大圖片中去(要求:不高於200KB的單張圖片,因為這樣可以保證載入時間和未處理前的時間差不多).
- 影象對映(Image Maps):就是圖片分成幾個區域,或者被稱之為“熱區”的影象;點選“熱區”會顯示一個網頁。注意:除AltaVista、Google支援Image Maps,其他引擎不支援。當”蜘蛛“程式(即爬蟲)遇到這種結構時,往往不知所措。因此在sem優化(http://baike.baidu.com/link?url=3HuwBV0Oq8OrU5tcfG6TIHjWrQsXsDqTeNHZ_BEfVbsOONRzc99ge0cYiYSxfJV6b0x0c4-ihCoCZi8AX-qvtK)中,儘量不要設定Image Map連結
- 內嵌影象(Inline images)使用data URI scheme
2、使用CDN(Content Delivery Network)內容分發網路(伺服器server)
其思路是儘可能避開網際網路上可能影響資料傳輸速度和穩定性的瓶頸和環節,使內容傳輸的更快、更穩定。通過在網路各處放置節點伺服器所構成的在現有的網際網路基礎之上的一層智慧虛擬網路,CDN系統能夠實時地根據網路流量和各節點的連線、負載狀況以及到使用者的距離和響應時間等綜合資訊將使用者的請求重新導向離使用者最近的服務節點上。其目的是使使用者可就近取得所需內容,解決 Internet網路擁擠的狀況,提高使用者訪問網站的響應速度。3、新增快取欄位(Expires)或一個快取控制頭(Cache-control)(伺服器server)
在這個規則中有兩個方面的內容
- 對於靜態的元件,例如不經常變化的css、js等,可適當設定快取時間,使得瀏覽器下次只拿對應快取的檔案,而不用想伺服器發出請求。(注意伺服器的最長快取時間)
- 對於動態的元件,即經常變化的,例如:一些圖片等。利用Cache-Control頭可以控制瀏覽器不要拿快取,而是向伺服器發出請求