很多新手ui設(shè)計(jì)師只是考慮ui是否美觀(guān)，并沒(méi)有在意設(shè)計(jì)的ui對(duì)于訪(fǎng)客來(lái)說(shuō)打開(kāi)的速度，網(wǎng)站的載入速度是一個(gè)非常重要的用戶(hù)體驗(yàn)考核標(biāo)準(zhǔn)，當(dāng)然影響網(wǎng)站打開(kāi)速度的因素很多，比如：圖片大小，程序的邏輯，服務(wù)器的帶寬等，今天我主要是從ui設(shè)計(jì)角度來(lái)說(shuō)明ui代碼的優(yōu)化是如何加快網(wǎng)站的打開(kāi)速度的。

一、在網(wǎng)站內(nèi)容相同的情況下，ui設(shè)計(jì)師會(huì)盡量精簡(jiǎn)html代碼

假如一個(gè)ui要內(nèi)容表面上看起來(lái)一樣，而輔助的html代碼寫(xiě)法會(huì)有很多種，越是代碼精簡(jiǎn)的ui，占用空間就越小，在互聯(lián)網(wǎng)傳輸?shù)臅r(shí)間就越少，客戶(hù)端瀏覽器在解析時(shí)所用的時(shí)間就越少，打開(kāi)的速度也就越快，從而帶來(lái)更好的用戶(hù)體驗(yàn)

二、讓ui符合w3c標(biāo)準(zhǔn);

ui設(shè)計(jì)師在ui制作中使用結(jié)構(gòu)層同表現(xiàn)層完全分離。也就 是布局使用用CSS而不用TABLE。這樣做不僅能替換掉專(zhuān)業(yè)的表現(xiàn)層的垃圾代碼如標(biāo)簽。而且也能讓你的網(wǎng)站在重構(gòu)方而能夠輕松實(shí)現(xiàn),這樣可以增加代碼的重用，使用戶(hù)體驗(yàn)和搜索引擎更友好。

合理規(guī)范的HTML標(biāo)記總是有始有終。不管是我們自己寫(xiě)或是查看他人的HTML代碼時(shí)，有時(shí)會(huì)發(fā)現(xiàn)HTML代碼標(biāo)簽寫(xiě)得并不規(guī)范。有的標(biāo)記有頭無(wú)尾，但是并沒(méi)有妨礙代碼的正確執(zhí)行。但瀏覽器卻會(huì)花費(fèi)時(shí)間來(lái)判斷和計(jì)算段落或者列表項(xiàng)目在哪里結(jié)束。所以，我們一定要讓標(biāo)記有始有終，這樣做不僅使HTML代碼格式規(guī)范，更可以加速頁(yè)面的加載速度。

三、ui設(shè)計(jì)師通常通過(guò)優(yōu)化層疊樣式表來(lái)提高ui打開(kāi)速度

一般稍懂點(diǎn)css代碼的同學(xué)都明白,html標(biāo)題只是代碼，具體顯示效果有css來(lái)決定，css是html的裝扮器,在寫(xiě)css樣式時(shí)，我們可以合并css選擇器或重復(fù)使用css選擇器讓css代碼更精簡(jiǎn),雖然這個(gè)影響我們打開(kāi)速度不大，但對(duì)于服務(wù)器來(lái)說(shuō)，訪(fǎng)問(wèn)的人多的話(huà)就很明顯了，搜索引擎是機(jī)器計(jì)算，在蜘蛛爬行頁(yè)面時(shí)，代碼越少，所用時(shí)間就越短，搜索引擎會(huì)認(rèn)為這個(gè)頁(yè)面用戶(hù)體驗(yàn)越好.

四、還有腳本代碼的精簡(jiǎn)，也是影響網(wǎng)站用好體驗(yàn)很大的一方面，ui的效果離不開(kāi)腳本程序的支持，我們經(jīng)常會(huì)在頁(yè)面中嵌入多種腳本語(yǔ)言，比如常用到的javascript，可以給用戶(hù)帶來(lái)很好的動(dòng)態(tài)效果，ui設(shè)計(jì)將多個(gè)頁(yè)面都用到的腳本程序編寫(xiě)成獨(dú)立存在的腳本文件，然后再在頁(yè)面中通過(guò)JAVASCRIPT等腳文語(yǔ)言調(diào)用它。

以上是ui設(shè)計(jì)師教你做代碼優(yōu)化讓你的網(wǎng)站打開(kāi)更快的全部?jī)?nèi)容了，具體還有更多的細(xì)節(jié)，如果大家比較感興趣，可以找一個(gè)鄭州ui培訓(xùn)機(jī)構(gòu)去詳細(xì)學(xué)習(xí)一下，小編推薦河南云和數(shù)據(jù)信息技術(shù)有限公司，牌子大，口碑好，免費(fèi)試聽(tīng)請(qǐng)咨詢(xún)網(wǎng)站客服。