網(wǎng)站顯示速度不僅與網(wǎng)站的服務(wù)器有關(guān)，網(wǎng)頁(yè)的頁(yè)面設(shè)置、代碼引用也會(huì)對(duì)網(wǎng)頁(yè)加載速度產(chǎn)生很大的影響，如何加快網(wǎng)頁(yè)的顯示速度，增強(qiáng)用戶(hù)的瀏覽體驗(yàn)，就得從檢測(cè)頁(yè)面加載時(shí)間入手，介紹加快網(wǎng)頁(yè)顯示速度的方法。

      一、巧用插件檢測(cè)頁(yè)面加載時(shí)間來(lái)提高網(wǎng)頁(yè)打開(kāi)速度。
直接通過(guò)瀏覽器訪問(wèn)可以直觀的看出網(wǎng)站的加載速度，但是瀏覽網(wǎng)站的網(wǎng)絡(luò)環(huán)境各不相同，如果網(wǎng)站加載了較多特效，對(duì)于帶寬較小的用戶(hù)來(lái)說(shuō)，很可能對(duì)瀏覽造成影響。要詳細(xì)的了解站點(diǎn)的加載速度，可以通過(guò)檢測(cè)網(wǎng)頁(yè)加載時(shí)間的插件YSlow，它是一款Mozilla Firefox的擴(kuò)展程序，下載地址： https://addons.mozilla.org/en-US/firefox/addon/5369 ”。插件安裝完成后打開(kāi)待檢測(cè)的網(wǎng)站，當(dāng)網(wǎng)頁(yè)完成加載以后，就可以看到一項(xiàng)統(tǒng)計(jì)數(shù)據(jù)數(shù)字，這里就是該網(wǎng)頁(yè)加載所用的詳細(xì)時(shí)間數(shù)據(jù)了。

      二、小小做些優(yōu)化讓網(wǎng)頁(yè)顯示速度變快
1.使用Gzip壓縮文檔：
GZIP編碼是用來(lái)改進(jìn)網(wǎng)頁(yè)性能的方法，不僅可以減小存儲(chǔ)空間，還可以減少傳輸所需的時(shí)間。將網(wǎng)站中的文件使用Gzip壓縮后，可以顯著的增加網(wǎng)頁(yè)加載速度，同時(shí)也可以降低網(wǎng)站的帶寬流量消耗。

2.樣式表文件放在外部調(diào)用：
把頁(yè)面中需要用到的JavaScript和CSS樣式表文件放在另外的文件夾中，這樣一來(lái)在打開(kāi)網(wǎng)站其它頁(yè)面時(shí)就會(huì)緩存這些調(diào)用的文件，從而加快網(wǎng)站頁(yè)面的加載速度。

3.避免使用網(wǎng)頁(yè)重定向：
無(wú)論是通過(guò)服務(wù)器端重定向或者JavaScript代碼進(jìn)行內(nèi)容重定向。網(wǎng)站都會(huì)首先加載一個(gè)空白的頁(yè)面，然后在定向到另外的頁(yè)面，這樣不僅延長(zhǎng)了頁(yè)面的加載時(shí)間，還很有可能導(dǎo)致無(wú)法跳轉(zhuǎn)，讓用戶(hù)面對(duì)一個(gè)“空白”頁(yè)面。

4.清除重復(fù)多余的腳本：
瀏覽器加載相同的網(wǎng)頁(yè)腳本會(huì)增加頁(yè)面的加載時(shí)間，但是很多程序都會(huì)有這種簡(jiǎn)單的錯(cuò)誤出現(xiàn)。現(xiàn)在就看看網(wǎng)站中有沒(méi)有調(diào)用兩次或三次jQuery或者其他的腳本吧。

5.減少域名DNS查找時(shí)間：
用戶(hù)在瀏覽器的地址欄中鍵入域名后，瀏覽器就會(huì)通過(guò)DNS系統(tǒng)查找域名對(duì)應(yīng)的IP地址，所以需要將DNS的時(shí)間設(shè)置在較低的水平，比如平均60-100毫秒進(jìn)行一次DNS查詢(xún)。

6.給JavaScript文件減肥：
這個(gè)方法不同于gzip壓縮功能，縮小JavaScript文檔有很多方法，比如去除不必要的空格等其他標(biāo)簽等。減少腳本文件后可以顯著的提高網(wǎng)頁(yè)的訪問(wèn)速度。

轉(zhuǎn)發(fā)請(qǐng)注明：丁丁貓

• 上一篇
• 下一篇