今天有个娄底的老客户找我吐槽，说他的网站看起来总是不太得劲，问我有没有啥办法能提升一下效果。我寻思着这问题挺常见，干脆把之前帮另一个客户优化的过程记录下来，给大家当个参考。

先看看网站到底差在哪儿

我让他把网站地址发我，用手机和电脑都打开了一遍。好家伙，加载速度慢得像老牛拉车，点了菜单还要等半天才有反应。排版也是乱的，手机上看图片都挤在一起了，字小得要用放大镜才看得清。

动手开始优化

我第一件事就是把那些巨大的图片给压缩了。原来好几兆的图，用工具压到几百K，清晰度看起来差不多，但加载速度快了不是一点半点。

接着我盯着代码看，发现好多没用的空格和换行，跟垃圾似的堆在那里。我花了个把小时把这些清理干净，又把CSS和JS文件合并到一起，减少浏览器请求次数。

然后是最头疼的移动端适配。我一边用手机预览一边改CSS，把固定像素改成百分比，让图片能自动缩放，按钮大小也调得手指头容易点。光是为了让导航栏在手机上不乱跑，就折腾了我快两个小时。

加点让人眼前一亮的东西

光快还不够，得让人愿意停留。我在产品展示页加了点简单的动画效果——鼠标移上去图片会微微放大，切换分类时有个淡入淡出。这些效果用CSS就能实现，不用搞得太复杂。

我还把联系表单改了下，原来要填七八个字段，现在只留姓名、电话和需求说明。提交按钮做得特别显眼，旁边还加了个小提示告诉用户“客服15分钟内会联系您”。

检查一遍

• 用工具测了下速度评分，从原来的40分提到了80多
• 找不同手机型号的朋友帮忙测试，页面都不乱码了
• 让客户自己操作一遍，他说比之前顺手多了

搞完这些花了我一整天时间，不过看到最终效果还是挺有成就感的。网站优化就是这样，不用追求多高级的技术，把基础体验做好了，效果自然就上来了。