我們知道用戶都喜歡瀏覽速度快的網(wǎng)站,不喜歡花費(fèi)太多的時(shí)間等待網(wǎng)頁(yè)的打開(kāi),等待的時(shí)間過(guò)長(zhǎng),會(huì)讓用戶失去耐心,甚至煩躁時(shí)會(huì)直接關(guān)閉網(wǎng)頁(yè),這樣就會(huì)失去一些潛在的客戶了。其次,關(guān)鍵字的排名與網(wǎng)頁(yè)的打開(kāi)速度也有關(guān)系,谷歌Google的Web搜索團(tuán)隊(duì)在官方博客上宣布,將把網(wǎng)站的速度作為PR(PageRank)算法的一個(gè)因子,在所有因素都相等的情況下,速度快的網(wǎng)站將排在速度慢的網(wǎng)站前面。
因此我覺(jué)得我們有必要去提高網(wǎng)頁(yè)的打開(kāi)速度,下面我來(lái)教大家一些小技巧提高網(wǎng)頁(yè)的打開(kāi)速度。
1.優(yōu)化css。我們知道css的出現(xiàn),使內(nèi)容和元素的表現(xiàn)方法分離,用戶打開(kāi)用css設(shè)計(jì)的網(wǎng)頁(yè),css一般被下載用戶本地計(jì)算機(jī),不像html元素表現(xiàn)標(biāo)簽,每次網(wǎng)站的網(wǎng)頁(yè)都要調(diào)用一次,使用css,只需要一次就好了!另外,css在某些地方可以替代圖片,這就是為什么現(xiàn)在提倡div+css的原因!不過(guò),使用dw寫(xiě)css,也會(huì)有些多余的css代碼。Css太臃腫的話,也會(huì)影響網(wǎng)頁(yè)的速度,這里介紹一款工具cleancss給大家試試,它是一款在線工具。另外就是手工精簡(jiǎn)代碼,這個(gè)確實(shí)有這個(gè)對(duì)于新手確實(shí)有難度,不過(guò),多看一些精簡(jiǎn)css技巧的文章會(huì)對(duì)你有幫助的,看得多了,也就知道那些代碼可以精簡(jiǎn)了。
2.優(yōu)化圖片。這個(gè)沒(méi)有什么技巧,通過(guò)軟件就搞定了。我喜歡用ps,在ps中選擇存儲(chǔ)web所用格式,然后選擇圖片的質(zhì)量等選項(xiàng),圖片看起來(lái)很清楚,大小又合適保存就可以了。
3.圖片格式問(wèn)題。選擇正確的圖片格式是非常重要的。Jpg一般用于照片或真彩色圖片,gif運(yùn)用平面色彩的圖片,一般用于按鈕或logo圖片,png和gif非常相似,不過(guò)就是多支持一些色彩!
4.圖片長(zhǎng)寬的標(biāo)記問(wèn)題。這個(gè)問(wèn)題一般在html中可以看到,一些人經(jīng)常忘記寫(xiě)圖片的長(zhǎng)和寬了。這些標(biāo)記是告訴瀏覽器打開(kāi)圖片之前的尺寸,瀏覽器加載網(wǎng)頁(yè)時(shí)就會(huì)保留一塊區(qū)域,加快整個(gè)網(wǎng)頁(yè)顯示速度。
5.在url中要學(xué)會(huì)用”/”。當(dāng)一個(gè)用戶打開(kāi)類似一個(gè)url后面沒(méi)有”/”,服務(wù)器就要確定什么類型的文件或是網(wǎng)頁(yè),這時(shí)你在網(wǎng)址后面加一個(gè)”/”,這時(shí)服務(wù)器就知道是一個(gè)目錄的頁(yè)面,減少載入時(shí)間。
6.減少網(wǎng)頁(yè)的響應(yīng)次數(shù)。對(duì)于網(wǎng)頁(yè)的打開(kāi),其實(shí)是很復(fù)雜的過(guò)程。從網(wǎng)頁(yè)的申請(qǐng)打開(kāi),到web服務(wù)器的響應(yīng),編譯等動(dòng)作,然后發(fā)回給瀏覽器,才顯示我們面前的文字和圖片,多媒體文件等。所以我要盡量減少響應(yīng)次數(shù),現(xiàn)在ajax在這方面就運(yùn)用的不錯(cuò)。當(dāng)然,一個(gè)靜態(tài)頁(yè)面就例外了,靜態(tài)頁(yè)面多注意圖片大小和網(wǎng)頁(yè)設(shè)計(jì)上就行了。
Copyright © 2007-2015 深圳博盈網(wǎng)絡(luò)技術(shù) All Rights Reserved . 嚴(yán)禁以任何形式進(jìn)行復(fù)制、抄襲!
公司地址:深圳市龍華新區(qū)龍華街道辦山咀頭綜合辦公大樓9樓915室 (龍華街道辦、|華潤(rùn)萬(wàn)家,佳華商場(chǎng)、友誼書(shū)城等旁)
聯(lián)系電話:0755-29008907 15989449358 咨詢信箱:boryin@boryin.com sales@boryin.com