用戶(hù)體驗(yàn)
1、 css3、html5的運(yùn)用
css3、 html5等技術(shù)確實(shí)可以讓頁(yè)面有更加豐富的頁(yè)面效果,同時(shí)也可以大大增強(qiáng)用戶(hù)體驗(yàn),但是考慮到國(guó)內(nèi)很多用戶(hù)的ie版本都還在ie8甚至是更低的版本,因 此,在使用這些技術(shù)的同時(shí),我們是不是應(yīng)該考慮到這部分用戶(hù)呢?因此陰影、畫(huà)板、過(guò)渡等等一系列特效,如果一定要實(shí)現(xiàn)的話就用js或者是jq。
2、移動(dòng)網(wǎng)站、社交化是趨勢(shì)
越來(lái)越多的用戶(hù)開(kāi)始使用手機(jī)上網(wǎng),越來(lái)越多的人喜歡在社交網(wǎng)站上分享,移動(dòng)網(wǎng)站、社交化是互聯(lián)網(wǎng)未來(lái)的趨勢(shì)。如果你沒(méi)有移動(dòng)站點(diǎn)、或者是網(wǎng)站不支持移動(dòng)頁(yè)面瀏覽,你可以嘗試使用百度的移動(dòng)app ,如果需要客戶(hù)端可以使用無(wú)覓;另外網(wǎng)站中的分享按鈕也是非常重要的 ,這不僅可以免費(fèi)給你帶來(lái)外鏈,還可以免費(fèi)幫你做推廣。
頁(yè)面響應(yīng)速度
1、js、css合并壓縮以及代碼優(yōu)化、圖片壓縮
js 和css 可以用在線工具直接壓縮,jq的一些常用類(lèi)庫(kù)可以使用百度 cdn公共庫(kù)或者使用官方給的cnd公共庫(kù);圖片壓縮以不影響圖片美觀為主,壓縮不易太過(guò)分,針對(duì)網(wǎng)站內(nèi)部的小圖片,可以使用css sprite 技術(shù),這樣做的好處不僅僅減小了圖片整個(gè)的體積,而且減少了服務(wù)器對(duì)圖片的響應(yīng)次數(shù)。
2、圖片預(yù)加載
目前常用的是web lazyload技術(shù),簡(jiǎn)單點(diǎn)說(shuō)就是當(dāng)網(wǎng)頁(yè)頁(yè)面滾動(dòng)到相應(yīng)的地方,對(duì)應(yīng)位置的內(nèi)容才進(jìn)行加載顯示,這樣能明顯減少了服務(wù)器的壓力和流量,也能夠減小瀏覽器的負(fù)擔(dān)。這樣前臺(tái)顯示的內(nèi)容就會(huì)相對(duì)減少,從而提升了網(wǎng)頁(yè)的加載速度。
3、沒(méi)有必要的情況下盡量少用響應(yīng)式布局
雖然目前網(wǎng)站的終端有多個(gè),兼容多個(gè)終端也是網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì),但是由于很多時(shí)候網(wǎng)站并不是做的網(wǎng)格式布局,這樣就會(huì)在頁(yè)面中增加N多的代碼,想想這個(gè)加載速度吧,如果沒(méi)有特別的必要,建議不要做響應(yīng)式。