優(yōu)化用戶(hù)體驗(yàn)小技巧

信息來(lái)源：廣商網(wǎng)絡(luò)科技    信息發(fā)布：admin    發(fā)布時(shí)間：2016-03-22 08:22:06

優(yōu)化網(wǎng)站，可以通過(guò)一些小技巧，達(dá)到提高網(wǎng)站打開(kāi)速度，提高用戶(hù)體驗(yàn)度的效果。

1.優(yōu)化css

我們知道css的出現(xiàn)，使內(nèi)容和元素的表現(xiàn)方法分離，用戶(hù)打開(kāi)用css設(shè)計(jì)的網(wǎng)頁(yè)，css一般被下載用戶(hù)本地計(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à)，也會(huì)影響網(wǎng)頁(yè)的速度。

2.優(yōu)化圖片

這個(gè)需要學(xué)會(huì)一些處理圖片的軟件應(yīng)用，從格式大小、清晰度等方面去優(yōu)化圖片的質(zhì)量。選擇正確的圖片格式是非常重要的。Jpg一般用于照片或真彩色圖片，gif運(yùn)用平面色彩的圖片，一般用于按鈕或logo圖片，png和gif非常相似，不過(guò)就是多支持一些色彩。

圖片長(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è)顯示速度。

3.在url中要學(xué)會(huì)用”/”

當(dāng)一個(gè)用戶(hù)打開(kāi)類(lèi)似一個(gè)url后面沒(méi)有”/”，服務(wù)器就要確定什么類(lèi)型的文件或是網(wǎng)頁(yè)，這時(shí)你在網(wǎng)址后面加一個(gè)”/”，這時(shí)服務(wù)器就知道是一個(gè)目錄的頁(yè)面，減少載入時(shí)間。

4.減少網(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ā)回給瀏覽器，才顯示我們面前的文字和圖片，多媒體文件等。所以網(wǎng)站優(yōu)化要盡量減少響應(yīng)次數(shù)。

上一篇：網(wǎng)站優(yōu)化知識(shí)分析

下一篇：網(wǎng)站設(shè)計(jì)中的配色術(shù)語(yǔ)