手机网站

打开一个手机网站，手机网站第一眼看到的手机网站往往不是内容，是手机网站那个该死的弹窗——"下载APP，体验更流畅"。手机网站你点关闭，手机网站它又弹一次。手机网站再点，手机网站它换了个位置继续弹。手机网站最后你只能把整个页面关掉，手机网站去用电脑。手机网站这种事我遇到过不下五十次，手机网站每次都想摔手机。手机网站

手机网站和电脑网站，手机网站本质上跑的手机网站是同一套HTTP协议，同一堆HTML标签。手机网站但体验差得远。屏幕小是一方面，更关键的是手指和鼠标不一样。鼠标指针精确到像素，手指按下去，接触面至少44×44像素才算合格。很多网站根本没考虑这个，按钮做得跟蚂蚁似的，点十次能中一次算运气好。

我做过一个测试。随便找了二十个国内常见的手机网站，从电商到新闻到政务，逐个点导航栏。结果十二个网站的导航菜单需要放大页面才能点准。政务类的最夸张，有个网站的下拉菜单选项间距只有8像素，我试了七次才选中"办事指南"。

响应式设计喊了快十年了，真正做好的没几个。大部分所谓的"移动适配"，就是把电脑版页面用CSS缩小，或者粗暴地隐藏掉一半内容。上次我想在手机上查一个快递单号，物流公司的手机网站把查询框藏在一个汉堡菜单的第三层里，点进去之后输入框还被虚拟键盘挡住了一半。我最后是打电话问的客服。

真正让我觉得舒服的手机网站，反而是一些个人博客。没有弹窗，没有"打开APP"的横幅，字体大小刚好，行距宽松，手指滑动顺畅。有个做前端开发的朋友告诉我，他自己写博客的时候，第一行CSS就是font-size: 18px，第二行是line-height: 1.8。就这么简单两行，阅读体验直接上了一个台阶。

手机网站还有一个大坑：表单。注册、登录、支付，每一步都在考验耐心。输入框不自动调起正确的键盘类型，输手机号弹出来的是全键盘，输邮箱没有@键，密码框不能切换明文显示。更离谱的是有些网站，填完表单点提交，页面刷新，所有内容清空，然后告诉你"验证码错误"。我遇到过三次，三次都直接放弃了。

加载速度也是个大问题。手机网络本来就不稳定，很多网站还塞了一堆跟踪脚本、广告SDK、字体文件。我在地铁上打开一个新闻网站，等了八秒，首屏还是一片白。旁边的人刷短视频都刷了三条了。后来我装了个广告拦截插件，同一个网站，两秒就出来了。问题出在哪儿，不用多说了吧。

有些网站喜欢在手机端搞"创新"。左右滑动的卡片、全屏的动画过渡、自动播放的视频背景。这些东西在演示视频里看着很酷，真用起来就是灾难。滑动不跟手，动画掉帧，视频耗流量还关不掉。用户要的是快速找到信息，不是看你炫技。

我认识一个做独立开发的人，他的手机网站只有一个页面，纯文字，没有任何JavaScript。打开速度不到一秒，流量消耗几乎为零。他说他的用户大部分是工地上的工人，手机老旧，网络也差。这个网站上线三年，日活一直很稳定。有时候少即是多，这个道理在手机网站上特别明显。

说到底，手机网站的第一原则是"能用"。别让用户等，别让用户找，别让用户烦。把字体调大一点，把按钮做宽一点，把弹窗去掉，把加载速度提上来。这些事不需要多高的技术，只需要做网站的人自己用手机打开看一眼。真的，就一眼。