首頁  >  文章  >  web前端  >  如何才能更好的減少頁面載入時間

如何才能更好的減少頁面載入時間

零下一度
零下一度原創
2017-07-17 15:08:582048瀏覽
  1. 如何更好的減少頁面載入時間,下面提供了19中方法,僅供參考,有興趣的朋友可以來看看。

  2. 1.重複的HTTP請求數量應盡量減少

       (1)減少呼叫其他頁面、檔案的數量。

  (2)精靈圖

2. 在檔案頭放置css樣式的定義

       這項設定對於使用者端是慢速網路或網頁內容較龐大的情況較有利,可以在網頁逐步呈現的同時仍會保持格式訊息,不影響網頁美感。

3. 在檔案結尾放Javascript腳本

4. 壓縮Javascript、CSS程式碼

5. 使用CDN(Content Delivery Network)網路加速

#現在國內做CDN加速業務的公司很多,簡單講,就是將你的圖片、視頻擴散到CDN網絡所能到達之處,讓用戶訪問時能就近下載到這些文件,從而達到網絡提速的目的,這樣做,同時能減輕你自己網站的負載。

6. 伺服器啟用gzip壓縮功能
  將要傳輸的檔案壓縮後傳送到客戶端再解壓縮,在網路傳輸資料量會大幅減少。伺服器上的Apache、Nginx可直接啟用,也可用程式碼直接設定傳輸檔案頭,增加gzip的設置,也可從 負載平衡設備直接設定。不過要留意的是,這個設定會略微增加伺服器的負擔。伺服器效能不是很好的網站,要慎重考慮。

7. Ajax採用快取呼叫
  Ajax呼叫都採用快取呼叫方式,一般採用附加特徵參數方式實現,注意其中的

8567db90cb798cf5388399ae4e51dd76元素數量,例如f5d188ed2c074f8b944552db028f98a1的冗餘很嚴重,而我們完全可以用< ;div>取代之。

18. 避免使用CSS腳本(CSS Expressions)

  有時為了要css的參數動態改變,可能會採用css expression來實現,但這樣做得不償失,會使用戶端瀏覽器負擔明顯加重,所以不建議這樣做,如果需要改變,可以使用Javascript腳本去實現。

19. 新增檔案過期或快取頭

  對於同一使用者頻繁存取的圖片、Js腳本檔案等可以在Apache或Nginx設定其緩衝時間,例如設定24小時過期時間,這樣使用者在訪問過該頁面之後再次造訪時,同一組圖片或JS不會再重複下載,從而減少了HTTP請求,用戶訪問速度明顯有所提升,同時伺服器負載也會下降。

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ 
   {   
   expires 30d;# 
 
 .*\.(js|css)?$   
   {  
   expires 1h;#設定1小時過期 
   }


######   }#############

以上是如何才能更好的減少頁面載入時間的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn