如何透過最佳化網站提高網頁開啟速度

hkidc2019發表於2019-12-25



  1、縮小Javascript和CSS檔案


  


  如果你的網站大約有50-60%!的(MISSING)使用者是第一次訪客,那麼這些人會下載Javascript和CSS,如果這些檔案很大瀏覽器會下載很長時間。使用壓縮工具可以減少Javascript和CSS盡一半的檔案大小。同時,使用香港伺服器時,我們要開啟快取機制,使使用者首次訪問時,將圖片、CSS和Javascript在其瀏覽器快取,這樣他們下一次訪問就特別快。Apache Web伺服器,可以使用mod_cache模組開啟快取。


  


  2、減少HTTP請求


  


  葵芳IDC小編告訴你瀏覽器會花費80%!的(MISSING)時間獲取外部元件,包括指令碼、樣式表、影像等,只有20%!的(MISSING)時間用來載入內容,每個網站都會有許多HTTP請求,由於只有2個HTTP請求可以在同一時間傳送,所以請求一旦過多就會造成延遲。透過Yslow等網站效能評分工具可以檢視你的網站HTTP請求數,可以看到JS、CSS和CSS引用的圖片檔案過多,導致HTTP請求過多。


  


  3、合併CSS引用圖片


  


  如果我們把CSS圖片合併成一個,多個HTTP請求就會變成1個。它的原理是透過CSS座標的方式取得圖片徑路,每個CSS標籤引用不同座標就會得到不同圖片。我們可以使用“CSS圖片合併生成器”合併CSS圖片,並且能得到相應程式碼。


  


  4、只載入部分基本指令碼


  


  這個最簡單,不花時間,點選自己網站右鍵“檢視原始檔”找到與之間的區域,看看那些不重要好的JS檔案,把它扔到頁面底部,也就是讓它最後載入,這樣能提升內容開啟速度。


  


  5、影像壓縮


  


  葵芳idc小編告訴你,除非你的站點是影片網站,那麼影響網站速度罪魁禍首就應該是圖片了,如果是jpg格式或者png格式的圖片,在保證不失品質的前提下,儘量將圖片壓縮壓縮到30K以內,Fireworks軟體“匯出嚮導”功能,它提供了一個很好的方式來預覽儲存的影像,讓圖片大小與質量之間平衡,大多數其他影像編輯軟體都有類似的功能。


  


  6、開啟gzip模組


  


  葵芳idc小編告訴gzip壓縮是大部分網站都會採用的一種資料壓縮格式,一般網站啟用gzip後,壓縮率都會有70%的提升,效果是立竿見影的。部分虛擬主機預設有gzip功能,但大部分沒有,獨立主機、VPS一般可以設定,開啟gzip會加重伺服器負擔,而且要修改伺服器配置,強烈建議大家開啟gzip,如果不清楚可以問問所在空間商,讓他們幫忙開啟。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69951811/viewspace-2670546/,如需轉載,請註明出處,否則將追究法律責任。

相關文章