去年帮一个做手工皮具的站搭朋友搭官网，她开口就问：“能不能三天上线？站搭预算两千。”我打开手机给她看了个案例——一个用H5工具搭的站搭烘焙工作室页面，从注册到发布，站搭前后不到四小时。站搭她瞪大眼睛：“就这？站搭”对，就这。站搭很多人以为H5网站必须写代码，站搭其实早不是站搭了。

H5网站的站搭本质，是站搭用HTML5、CSS3和JavaScript这套前端技术做的站搭页面。但“搭建”这个词现在分两条路。站搭一条是站搭手写代码，适合需要深度定制、站搭跟后端频繁交互的项目。另一条是用可视化工具，拖拽组件、改改文字图片，导出自适应页面。我那个皮具朋友走的是第二条路。她选了个叫“上线了”的平台，模板库里挑了个极简风，把产品图替换成自己拍的植鞣革钱包，调了下主色调，绑了个域名。第二天早上我收到她微信：“已经能访问了。”速度确实快。

但这里面有个坑。可视化工具生成的代码往往臃肿，加载速度堪忧。我测过几个主流平台，首页图片未压缩的情况下，移动端首屏加载能到4秒以上。用户等3秒就关页面，这是铁律。所以不管用啥工具，图片必须过一遍TinyPNG或者Squoosh，JS能延迟加载就延迟。有个做民宿的客户，用某平台模板搭了预订页，转化率一直上不去。我帮他查了下，发现轮播图每张3MB，共五张。压到200KB以内后，跳出率降了27%。这不是玄学，是物理定律——网速再快也扛不住你往用户手机上塞原图。

如果你决定手写代码，那又是另一回事。H5新特性里，<picture>标签和srcset属性对响应式图片特别有用。我习惯在项目里配一套简易的构建流程：Sass编译、Autoprefixer加前缀、Uglify压缩JS。别嫌麻烦，一旦页面超过五个，手工维护CSS会疯掉。有个做独立播客的朋友，非要用纯手写HTML加内联样式搭节目列表页。第三周他加新单集时，发现自己改了十七处颜色值，漏了两处。后来我帮他抽成CSS变量，十分钟搞定。

域名和托管是另一道坎。国内服务器要备案，流程走下来少则一周多则半月。急着上线？用Vercel或Netlify，绑个海外域名，秒级部署。但要注意，如果目标用户全在国内，海外节点的访问延迟可能让你前功尽弃。我一般建议：展示型H5站放Vercel，带支付或表单提交的，老老实实备案走国内云。腾讯云轻量服务器，2核2G，一年不到三百块，跑个静态站绰绰有余。

最后说个真实教训。上个月帮人看一个H5活动页，代码里引了六个外部字体文件，每个都上百KB。用户打开页面，文字先消失两秒再闪现。我说你删掉四个，只留标题用特殊字体，正文用系统默认。改完，Lighthouse性能分从43跳到89。H5搭建这件事，工具选择只占三成，剩下七成全在细节：图片压没压、字体裁没裁、脚本放没放对位置。把这些抠明白了，哪怕用记事本写代码，出来的站也不会差。