通過百度分析影響速度的因素,分析出來后,就需要將這些因素消除。
影響因素分析:
1、連接網(wǎng)絡(luò)(頁面打開過程中,共有109次請求(比77%的網(wǎng)站請求次數(shù)多),可節(jié)省41次連接)
優(yōu)化方法是:合并域名、合并JS、合并CSS、合并相同資源、使用CSS Sprites
2、下載頁面(頁面打開過程中,共下載 1.0 MB (比65%的網(wǎng)站字節(jié)數(shù)更多),可以減少 519.8 KB)
優(yōu)化方法是:啟用Gzip、壓縮元素
3、打開頁面
優(yōu)化方法是:CSS位置、JS位置、圖片大小未定義
總結(jié):為了使網(wǎng)站的打開速度很快,需要從三個(gè)方面著手,即從連接網(wǎng)絡(luò)、下載頁面、打開頁面。
主要是減少JS文件、CSS文件或者其他資源的個(gè)數(shù),其目的是減少HTTP請求。(注:該措施在建設(shè)網(wǎng)站的時(shí)候就應(yīng)該規(guī)劃好,將CSS、JS盡量放到一個(gè)文件中,而在文件通過注釋的方式標(biāo)明各模塊的CSS和JS,這樣可以減少后期的優(yōu)化工作量)。因?yàn)轫撁娴膱?zhí)行順序是從上往下執(zhí)行的,所以CSS、JS的位置也會(huì)影響網(wǎng)站打開速度,一般CSS放在網(wǎng)站頭部(<head></head>),JS放在</body>前面,但是JS不能全部放在</body>前,應(yīng)該將影響頁面顯示的js放在頭部,優(yōu)先加載,不然會(huì)導(dǎo)致頁面變形,影響用戶體驗(yàn),而其他的放置在</body>前面。
再者,壓縮網(wǎng)站元素的大小,及啟用服務(wù)器的GZIP功能。(注:網(wǎng)站元素可以壓縮,有自己決定,但Gzip功能則與網(wǎng)站所在的服務(wù)器相關(guān),這樣在給網(wǎng)站選擇服務(wù)器時(shí)就應(yīng)該考慮到這一點(diǎn),一個(gè)服務(wù)器又沒有GZIP功能,可以通過站長工具中的網(wǎng)頁GZIP壓縮檢測來檢查,我要優(yōu)化的網(wǎng)站服務(wù)器就沒這個(gè)功能,所以這項(xiàng)沒法優(yōu)化了,很氣人!)
最后,上面說到的,并不是都需要優(yōu)化,網(wǎng)站不同,取舍也不同,以及考慮后期的維護(hù)方便,需要作出一個(gè)抉擇。