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

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

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

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

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

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

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

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

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

• 上一篇
• 下一篇