上個(gè)月我就琢磨著，搞了個(gè)上海本地設(shè)計(jì)博客網(wǎng)站，結(jié)果用戶反饋說加載慢得離譜，點(diǎn)哪哪卡，排版亂七八糟，氣得有人在評(píng)論區(qū)罵街。我開始著急了，這體驗(yàn)實(shí)在太屎，我得趕緊動(dòng)手優(yōu)化優(yōu)化。

發(fā)現(xiàn)問題階段

我先是打開自己網(wǎng)站隨便逛逛，結(jié)果一進(jìn)去就發(fā)覺不對(duì)勁。主頁(yè)的圖片加載半天都出不來，手機(jī)上點(diǎn)導(dǎo)航菜單，手指劃來劃去愣是找不到按鈕位置。我還特意問了幾個(gè)上海朋友，“喂，你這老本地人用我這個(gè)設(shè)計(jì)網(wǎng)站咋樣？”他們都直嚷嚷，“慢死人了，內(nèi)容字體小得要命，眼睛都瞎了，想留言反饋還沒地方點(diǎn)。”我一聽就火了，這用戶友好度真差勁，怪不得人家吐槽效果差。

實(shí)踐優(yōu)化過程

琢磨半天，我決定從5個(gè)地方開整。優(yōu)化頁(yè)面加載速度。我把那些大圖片全壓縮了下，圖大小縮到一半，格式換成更輕的格式。結(jié)果一測(cè)試，加載時(shí)間從10秒降到3秒，這下總算不拖后腿了。

簡(jiǎn)化導(dǎo)航結(jié)構(gòu)。我原本的菜單欄堆得太多，看著頭暈。我費(fèi)勁巴拉地把亂七八糟的按鈕刪了一堆，只留幾個(gè)關(guān)鍵鏈接，調(diào)得又大又醒目。手機(jī)上點(diǎn)開就蹦出來，方便極了。

然后，提升響應(yīng)式設(shè)計(jì)。我把網(wǎng)站往手機(jī)上一丟，發(fā)覺排版老是崩。我不停地調(diào)手機(jī)顯示效果，寬度壓窄，元素對(duì)齊重新擺擺。試了試不同尺寸設(shè)備，內(nèi)容都不亂竄了。

之后，增強(qiáng)內(nèi)容可讀性。我瞅著文章字體又小又糊，顏色還搭配瞎眼。我就動(dòng)手改，把字號(hào)放大，背景色換成淺灰，文字用深藍(lán)，一下清爽多了。

添加用戶反饋機(jī)制。原來根本沒留言口子，我加了個(gè)簡(jiǎn)單表單在底欄，隨便寫寫意見就能提交。這下用戶想噴啥直接開口，我還能及時(shí)查查有啥毛病。

結(jié)尾反思

折騰一周多，網(wǎng)站優(yōu)化完成。我再問問那些朋友，他們都說，“這回順溜多了，加載快、操作爽，內(nèi)容好讀還不費(fèi)眼睛?！蔽倚睦锬莻€(gè)美，用戶體驗(yàn)提上去，吐槽也少了。親自動(dòng)手整這些技巧真管用，網(wǎng)站體驗(yàn)要是差勁了，就得從小地方開整，一步步來，別整復(fù)雜。