上禮拜接了個(gè)上海公司的網(wǎng)站活兒，想著就是個(gè)普通企業(yè)站，結(jié)果差點(diǎn)掉坑里爬不出來。

開頭先探探底

客戶扔過來一句“要高大上”，我尋思這不跟沒說一樣嘛直接殺到他們浦東辦公室，逮著市場(chǎng)部小姑娘聊了兩鐘頭。原來他們老板姓馬，特愛看手機(jī)端，還強(qiáng)調(diào)要讓人“一眼記住公司是干啥的”。得，核心需求就仨：手機(jī)看著順眼、加載快得像火箭、前臺(tái)隨時(shí)能更新產(chǎn)品圖。

直接掉進(jìn)主題陷阱

偷懶用了個(gè)現(xiàn)成主題，剛套上Logo挺像樣。結(jié)果第二天客戶在微信群里炸了：“這藍(lán)色太輕??！我們要深海藍(lán)！”得，連夜改CSS改到眼冒金星。更絕的是，他們財(cái)務(wù)總監(jiān)用十年前的IE瀏覽器打開——排版直接亂成二維碼。強(qiáng)忍著摔鍵盤的沖動(dòng)，把Chrome/Firefox/Edge甚至360全家桶都測(cè)了個(gè)遍，邊調(diào)邊罵：“這哪是做網(wǎng)站，這是當(dāng)保姆！”

被后臺(tái)功能坑慘了

給前臺(tái)姑娘弄后臺(tái)更新功能，圖省事裝了可視化編輯器。過了三天客戶電話吼過來：“產(chǎn)品圖全變形了！”跑過去一看，前臺(tái)姑娘傳了張手機(jī)拍的豎版大長(zhǎng)圖，系統(tǒng)自動(dòng)壓縮成正方形。當(dāng)場(chǎng)教她用畫圖工具裁剪，結(jié)果下次去看后臺(tái)，發(fā)現(xiàn)她傳了三張圖：原圖、裁剪圖、裁剪完又捏變形的圖。得，老老實(shí)實(shí)自己寫了個(gè)傻瓜上傳邏輯：

• 選圖按鈕比麻將牌還大
• 自動(dòng)剪成4:3比例
• 提交前先預(yù)覽防手抖

上線前夜翻車實(shí)錄

本以為萬事大吉，用谷歌測(cè)速工具一看，首頁加載要8秒！急得把辦公室空調(diào)開到16度查原因： 公司歷史墻用了二十張高清大圖，行政大姐還每張都加了5MB的PSD源文件 老板發(fā)言視頻直接嵌了某酷鏈接，光廣告就播30秒 團(tuán)隊(duì)合影不知道誰用單反開了RAW格式，單張80MB

凌晨三點(diǎn)逼著客戶做選擇題：“要炫還是要快？”砍掉視頻壓縮圖片，首頁加載硬是壓到2秒內(nèi)。

現(xiàn)在看見上海號(hào)碼就手抖

交完貨以為解脫了，第二周接到老板私人電話：“馬路邊掃碼怎么跳轉(zhuǎn)那么慢？”頂著大太陽跑去淮海中路實(shí)測(cè)，發(fā)現(xiàn)是他們公司W(wǎng)i-Fi路由器比我還大兩歲。臨走前瞄見老板手機(jī)殼印著“佛系經(jīng)營(yíng)”，差點(diǎn)笑出聲——這單干完我都能去廟里當(dāng)方丈了。