很多新手ui設計師只是考慮ui是否美觀，并沒有在意設計的ui對于訪客來說打開的速度，網站的載入速度是一個非常重要的用戶體驗考核標準，當然影響網站打開速度的因素很多，比如：圖片大小，程序的邏輯，服務器的帶寬等，今天我主要是從ui設計角度來說明ui代碼的優化是如何加快網站的打開速度的。

一、在網站內容相同的情況下，ui設計師會盡量精簡html代碼

假如一個ui要內容表面上看起來一樣，而輔助的html代碼寫法會有很多種，越是代碼精簡的ui，占用空間就越小，在互聯網傳輸的時間就越少，客戶端瀏覽器在解析時所用的時間就越少，打開的速度也就越快，從而帶來更好的用戶體驗

二、讓ui符合w3c標準;

ui設計師在ui制作中使用結構層同表現層完全分離。也就 是布局使用用CSS而不用TABLE。這樣做不僅能替換掉專業的表現層的垃圾代碼如標簽。而且也能讓你的網站在重構方而能夠輕松實現,這樣可以增加代碼的重用，使用戶體驗和搜索引擎更友好。

合理規范的HTML標記總是有始有終。不管是我們自己寫或是查看他人的HTML代碼時，有時會發現HTML代碼標簽寫得并不規范。有的標記有頭無尾，但是并沒有妨礙代碼的正確執行。但瀏覽器卻會花費時間來判斷和計算段落或者列表項目在哪里結束。所以，我們一定要讓標記有始有終，這樣做不僅使HTML代碼格式規范，更可以加速頁面的加載速度。

三、ui設計師通常通過優化層疊樣式表來提高ui打開速度

一般稍懂點css代碼的同學都明白,html標題只是代碼，具體顯示效果有css來決定，css是html的裝扮器,在寫css樣式時，我們可以合并css選擇器或重復使用css選擇器讓css代碼更精簡,雖然這個影響我們打開速度不大，但對于服務器來說，訪問的人多的話就很明顯了，搜索引擎是機器計算，在蜘蛛爬行頁面時，代碼越少，所用時間就越短，搜索引擎會認為這個頁面用戶體驗越好.

四、還有腳本代碼的精簡，也是影響網站用好體驗很大的一方面，ui的效果離不開腳本程序的支持，我們經常會在頁面中嵌入多種腳本語言，比如常用到的javascript，可以給用戶帶來很好的動態效果，ui設計將多個頁面都用到的腳本程序編寫成獨立存在的腳本文件，然后再在頁面中通過JAVASCRIPT等腳文語言調用它。

以上是ui設計師教你做代碼優化讓你的網站打開更快的全部內容了，具體還有更多的細節，如果大家比較感興趣，可以找一個鄭州ui培訓機構去詳細學習一下，小編推薦河南云和數據信息技術有限公司，牌子大，口碑好，免費試聽請咨詢網站客服。