瀏覽器打開(kāi)網(wǎng)頁(yè),是需要下載網(wǎng)頁(yè)中的數(shù)據(jù)回本地電腦,再進(jìn)行顯示。
下載的網(wǎng)頁(yè)內(nèi)容包括:網(wǎng)頁(yè)中的圖片、文本、程序代碼:CSS、HTML、js腳本、字體等,數(shù)量多達(dá)上百個(gè)。
如圖:(以攜程首頁(yè)需要加載的內(nèi)容為例)
瀏覽器打開(kāi)網(wǎng)頁(yè)時(shí),同時(shí)請(qǐng)求服務(wù)器下載網(wǎng)頁(yè)中的內(nèi)容。如果網(wǎng)頁(yè)中內(nèi)容數(shù)量越多,那么鏈接請(qǐng)求次數(shù)就會(huì)越多;如果內(nèi)容越大,鏈接后下載的時(shí)間就會(huì)越長(zhǎng)。
如圖:(各瀏覽器允許的最大并行鏈接數(shù))
因此,減少鏈接次數(shù),以及內(nèi)容大小,是提升網(wǎng)頁(yè)打開(kāi)速度的重要途徑。
事實(shí)上,一個(gè)網(wǎng)頁(yè)往往涉及多個(gè)css和js程序,如果將其進(jìn)行合并,則可以減少鏈接請(qǐng)求次數(shù)。
同樣的道理,將網(wǎng)頁(yè)背景圖片合并到一張圖上,也能減少鏈接請(qǐng)求次數(shù),提升網(wǎng)頁(yè)打開(kāi)速度。
如圖:(攜程對(duì)圖標(biāo)素材的合并)
因此,思途CMS系統(tǒng)專門提供了,CSS\JS 自動(dòng)合并的PHP程序。
將css\js進(jìn)行合并后,就能減少瀏覽器對(duì)服務(wù)器的請(qǐng)求數(shù)量,提升打開(kāi)速度。
延伸閱讀:
啟用服務(wù)端緩存,能提升打開(kāi)網(wǎng)頁(yè)速度
壓縮圖片,能有效提升網(wǎng)頁(yè)打開(kāi)速度
會(huì)員評(píng)論