做H5网站，第一件事不是找模板，是想清楚给谁看啦。手机屏幕就那么大，用户耐心就那么几秒。打开慢一点，手指一划就走了。

先说加载速度。图片别堆原图，该压就压。一张 banner 图搞个两三兆，4G 都得转圈。能用文字解决的别用图，能用小图别用大图。视频自动播放这种，除非必要，别碰。

再说排版。PC 端那套搬到手机上，字小得看不清，按钮点不准。字体最小 14px，正文 16px 起步。按钮别做太小，手指头不是鼠标箭头。行间距留够，挤成一团没人愿意读。

导航要简单。手机上没有悬停这回事，点就是点。菜单层级别超过两层，返回键要明显。用户迷路了，直接就关页面。

表单是重灾区。输入框别搞太长，能少填一项是一项。手机键盘弹出来占半屏，输入框被挡住这种事很常见。手机号、验证码分开填，别挤一行。

兼容性得测。苹果和安卓不一样，微信里打开和浏览器打开也不一样。微信内置浏览器有缓存问题，改了代码用户看到的还是旧的。版本号加上，该清缓存清缓存。

别依赖 flash，别用鼠标悬停效果，别做太复杂的动画。动画卡顿比没有动画更难受。

适配方案选一种就行。rem 也好，vw 也好，别混着用。设计稿按 750 宽做，切图标注清楚。

最后，测试。真机测，别只在电脑上模拟。找几个人实际点点，看哪里卡住。上线前把 404 页面做了，别让用户看到白屏。