碰到烂摊子那天

上个月接了个上海本地咖啡店的单子，老客户介绍的，想着简单弄弄。结果网站交过去，老板脸直接垮了。我凑过去一看，手机打开慢得跟蜗牛爬似的，图片糊成一团，菜单按钮点半天没反应。我干这行五年，这种场面还是臊得慌。

当场拆解问题

我直接蹲客户店里掏出笔记本，当着他面按F12看加载情况。乖乖，首页一张咖啡全景图就占了3MB！用手机模拟器一切到小屏幕，排版直接崩了，地址和电话号码叠在一起，跟打麻将似的。核心毛病就仨：

• 图片太大，等加载出来客人早走了
• 压根没做响应式，开手机就像看被揉烂的报纸
• 导航栏藏得比店铺后厨还深，找预约入口像玩密室逃脱

动手开整

回家当晚就开干。第一刀先砍图片，用在线工具把那张全景图压缩到不到300K，肉眼根本看不出区别。又把店里的咖啡豆特写全改成.webp格式，像给网站喂了泻药，加载速度从8秒降到2秒。

第二招治手机排版，把固定像素宽度全换成百分比。老板非要加个动态菜单，我直接抄了国外咖啡馆的代码改改。手机上一划，分类标签跟跑马灯似的横着走，老头自己拿着华为试了试，笑得跟捡了钱似的。

最狠的是重构导航，把“在线预约”按钮从三级菜单里拎出来，染成抢眼的焦糖色挂在右上角。又学商场导购台，在首页第一屏加了地址电话的悬浮窗，手指一戳直接跳地图——这招让客户转化率当天涨了15%。

血泪教训

改完才懂老板为啥骂人。人家每天高峰期二三十个白领排队点单，网站卡一下起码跑五单生意。现在老板逢人就说“网站跟做意式浓缩一样讲究效率”，前两天还给我塞了包新烘的豆子。这事教会我：上海老板要的不是花架子，是扫码点单不卡顿的生财工具。