瀏覽器打開網(wang)頁(ye),是需要下載(zai)網(wang)頁(ye)中的數據回本地電腦,再(zai)進行顯示。
下(xia)載(zai)的網(wang)頁(ye)內容包(bao)括:網(wang)頁(ye)中的圖片、文本、程序(xu)代碼:CSS、HTML、js腳本、字體等,數量多達上百個(ge)。
如圖:(以攜程首(shou)頁需要加載的(de)內容為例(li))
瀏覽(lan)器打開網(wang)頁(ye)時,同時請(qing)(qing)求服務器下載網(wang)頁(ye)中的內(nei)容(rong)。如果(guo)網(wang)頁(ye)中內(nei)容(rong)數量(liang)越(yue)多(duo),那(nei)么鏈接(jie)(jie)請(qing)(qing)求次數就會越(yue)多(duo);如果(guo)內(nei)容(rong)越(yue)大(da),鏈接(jie)(jie)后下載的時間就會越(yue)長。
如圖:(各瀏覽器允許的最(zui)大并行(xing)鏈接(jie)數)
因此,減少鏈接次數,以及內容大小,是提升網頁打開速度的重要途徑。
事實上,一個(ge)網(wang)頁往往涉及多個(ge)css和js程序,如果將其進行合(he)并,則可(ke)以減少鏈接請求次數。
同樣的道理,將(jiang)網頁背景(jing)圖片合并到一(yi)張(zhang)圖上,也(ye)能減少鏈(lian)接請求次數,提升網頁打開速度。
如圖(tu):(攜程對圖(tu)標素材的合并(bing))
因此,思(si)途CMS系統(tong)專(zhuan)門提(ti)供了,CSS\JS 自動合(he)并(bing)的PHP程(cheng)序。
將css\js進行(xing)合(he)并(bing)后,就(jiu)能減(jian)少(shao)瀏覽器對(dui)服務器的請求(qiu)數量,提升打開速度。
延伸閱讀:
壓縮圖片,能有(you)效提升網頁(ye)打開速度
會員評論