手机版网站制作需要注意的事项
上一篇聊的是手机端的设计要点，这一篇说制作环节的技术决定。这些选择一旦定下，后面改起来代价不小，值得在动工前想清楚。
响应式，还是单独做一套移动站
响应式用同一套页面按屏幕宽度调整布局，维护一套代码、一套地址，是现在更常见的选择。优点是内容与地址统一，不会出现桌面端和手机端内容不同步；代价是要在设计阶段就把各断点的版式定义清楚，表格、长标题这类元素要单独处理。
独立移动站用单独域名或目录（如 /m/）另做一套，能针对手机做得很轻，但要维护两套内容与两套地址，还要处理桌面端与移动端之间的跳转对应关系。对招生类站点，两处内容一旦更新不同步，家长看到的时间节点可能不一致，风险比收益大。除非有明确的性能或特殊交互要求，一般不建议。
页面体积与加载顺序
手机网络波动比桌面明显，首屏能不能先出来，比整页加载完用多久更影响体验。常见处理：图片按尺寸出图并压缩、首屏以外的图片延迟加载、样式与脚本合并、不用的第三方组件不要挂上来。招生简章 PDF 不要做成首屏自动下载。
静态化也值得考虑。政策页、专业介绍页这类内容更新不频繁，可以预先生成静态页，访问时直接返回文件，既快又稳；表单、查询这类动态功能单独保留接口。我们的站点就是按这个思路做的，内容改动后重新生成一遍即可。
表单与接口在弱网下的表现
提交按钮要防重复点击，接口要有超时提示与明确的失败文案。报名高峰期如果请求失败却没有任何提示，访客会反复提交，后台出现重复数据，核对名单时要花很多时间。这一条属于后台逻辑，但体验完全体现在手机端。
上线前检查项
- 页面地址在桌面端与手机端是否一致，有无产生重复内容
- 小屏下表格、长标题、按钮是否溢出或被遮挡
- 弱网首屏是否有可见内容，失败请求是否有明确提示
- 表单重复提交、验证码超时、短信到达这几类边界是否测过
相关阅读
上一篇：手机版网站制作需要注意的事项
下一篇：手机版网站制作需要注意的事项