網(wǎng)站打開速度的快與慢會(huì)影響到訪客的用戶體驗(yàn),網(wǎng)站被加載的速度與多個(gè)要素相關(guān),如服務(wù)器優(yōu)于劣、網(wǎng)絡(luò)帶寬大與小、頁面代碼繁與簡(jiǎn)等。如果受限于資金,那么通過優(yōu)化網(wǎng)頁代碼來加速網(wǎng)站打開速度,就是很有效的方法。
加快網(wǎng)站打開速度的方法
一、壓縮或精簡(jiǎn)JavaScript代碼和CSS代碼
無論什么類型的網(wǎng)站,用戶首次打開頁面的時(shí)候,都會(huì)加載頁面包含的JavaScript和CSS代碼,如果這些代碼非常冗長,則勢(shì)必會(huì)降低網(wǎng)站打開速度,這就要對(duì)代碼進(jìn)行壓縮或精簡(jiǎn)。
壓縮方面,有大量的第三方工具如站長之家的前端代碼壓縮工具可供大家直接免費(fèi)使用,經(jīng)過壓縮的代碼普遍能減小40%~65%。
精簡(jiǎn)方面,能用一個(gè)樣式控制就不用兩個(gè),思路是既能滿足網(wǎng)站的頁面布局,又是最小的代碼量。
二、降低HTTP請(qǐng)求次數(shù)
有數(shù)據(jù)顯示,瀏覽器會(huì)花費(fèi)80%的時(shí)間來加載腳本、CSS樣式、圖片等網(wǎng)站元素,只有約20%的時(shí)間會(huì)用于加載網(wǎng)站其它的主要文字內(nèi)容。
每一張圖片、每一個(gè)JavaScript腳本、每一個(gè)CSS文件都會(huì)發(fā)起一次HTTP請(qǐng)求,對(duì)于多個(gè)JavaScript腳本和多個(gè)CSS文件能合并成一個(gè)就盡量合并成一個(gè),對(duì)于一些比較小的背景圖片則可以將其拼合在一張大圖片上再通過CSS背景定位技術(shù)設(shè)置,這些方式都能大大減少HTTP請(qǐng)求次數(shù)。
三、盡量靠后引入JavaScript腳本
瀏覽器解析HTML是從上往下執(zhí)行代碼的,但是如果中間遇到JavaScript腳本則會(huì)發(fā)生阻塞,所以應(yīng)該盡量把JavaScript腳本引入操作放到最后,讓瀏覽器優(yōu)先把頁面顯示出來。
四、壓縮圖像
有數(shù)據(jù)顯示,圖片加載時(shí)間是影響網(wǎng)站速度的最大因素,將圖片加載速度問題解決,頁面速度問題就解決了一大半。如果網(wǎng)站有很多圖片,在不影響圖片清晰度的前提下盡量對(duì)其壓縮,以減少圖片本身的大小。與壓縮JavaScript代碼類似,有很多在線工具提供相應(yīng)壓縮服務(wù),還有很多圖像編輯軟件如美圖秀秀等,都有壓縮功能。
五、開啟gzip壓縮功能
gzip壓縮是效率較高的一種數(shù)據(jù)壓縮格式。如果開啟gzip壓縮,壓縮率一般能達(dá)到75%左右,效果非常明顯。
總結(jié)
網(wǎng)站打開速度的快與慢關(guān)系到用戶體驗(yàn),也關(guān)系到網(wǎng)站對(duì)搜索引擎的友好度,利用可實(shí)現(xiàn)的手段加快網(wǎng)站加載速度,顯得不可或缺。