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