去年這時(shí)候我瞅著自己網(wǎng)站越看越難受，加載慢得像老牛拉車，排版在手機(jī)上亂成一鍋粥。琢磨著得升級(jí)成高端點(diǎn)的樣子，蹲電腦前扒拉了兩天案例，鎖定了仨最管用的改造方向。

一、先把這破速度給提上來

原先打開個(gè)頁面要轉(zhuǎn)五六秒圈圈，我自己都懶得點(diǎn)。抓了網(wǎng)頁測(cè)速工具掃完，好家伙，首頁圖片加起來快10兆了！吭哧吭哧把兩百多張產(chǎn)品圖全扔進(jìn)壓縮工具，連帶著把用了五年的虛擬主機(jī)也給換了。換完當(dāng)晚自己刷新了二十遍，加載直接從龜速變秒開。

折騰重點(diǎn)：
• 用Tinypng把圖片壓到腳脖子
• 老主機(jī)踹了換獨(dú)立服務(wù)器
• 裝了緩存插件讓回頭客加載更快

二、手機(jī)電腦都得能舒舒服服看

有天用自己手機(jī)點(diǎn)開網(wǎng)站，差點(diǎn)把早飯噴屏幕上——導(dǎo)航欄擠成麻花，按鈕小得得拿針戳。連夜把框架改成會(huì)自己伸縮的那種，電腦上看是三列排版，到手機(jī)上自動(dòng)變單列。最蠢的是原先綠色按鈕配紅色文字，鄰居小學(xué)生都說像西紅柿炒雞蛋。

踩的坑：
• 原來字體忽大忽小像得了瘧疾
• 按鈕丑得讓我想戴墨鏡
• PC端看著整齊的手機(jī)全亂套

三、讓客戶來了就別想跑

改版前整個(gè)站跟靜物素描似的，用戶看完就走。現(xiàn)在每篇文章底下塞了個(gè)藍(lán)色留言框，產(chǎn)品詳情頁掛了浮動(dòng)咨詢按鈕，半夜兩點(diǎn)測(cè)試時(shí)手滑點(diǎn)錯(cuò)，嚇得我趕緊把客服自動(dòng)回復(fù)關(guān)了。最狠的是會(huì)員系統(tǒng)，充值的、打折的、送積分的，光會(huì)員分級(jí)就改了三個(gè)版本。

弄完這套組合拳，客戶平均停留時(shí)間直接翻倍。上周發(fā)現(xiàn)個(gè)充了五年會(huì)員的老哥，嚇得我親自打電話確認(rèn)是不是手抖按錯(cuò)了。

前后折騰了三個(gè)半月，頭發(fā)薅掉不少。改完那天我開了罐啤酒對(duì)著屏幕傻樂，老婆湊過來瞅了眼說："早該弄了，原先那網(wǎng)站看著像賣盜版光碟的。"現(xiàn)在每天后臺(tái)數(shù)據(jù)蹦得跟心跳似的，上個(gè)月還接到廣告商合作電話——這改造可比在網(wǎng)站首頁掛"高端"倆字管用多了。