01把复杂度留在构建阶段
静态站点可以由模板和文章数据生成。标题、导航与页脚集中维护,构建后得到普通 HTML 文件。访问者只需要下载页面,不依赖服务端在每次请求时执行应用代码。
构建脚本仍然需要维护,但它不必一直在线运行。部署目录只保留公开资源,源码、环境变量与密钥放在独立位置。
02先把阅读做好
合理的行宽、段落间距和标题层级比复杂动画更重要。正文应在脚本未加载时仍可阅读;导航使用真实链接,便于键盘访问,也让浏览器原生行为保持一致。
移动端优先检查长标题、代码块和菜单。固定宽度最容易造成横向溢出,适当的弹性布局通常比为每个设备单独写规则更稳妥。
03缓存策略跟着资源变化走
HTML 内容可能频繁更新,缓存策略应便于及时获取新版本。带版本号或内容哈希的样式、脚本可以缓存更久;如果资源 URL 不变,就不要轻易设置很长的不可变缓存。
压缩文本资源、缩小图片尺寸可以减少传输量。先测量真正占用带宽的部分,再决定是否引入更复杂的资源处理流水线。
04部署也要能够回退
先在新目录构建完整站点,再验证内部链接与关键页面,最后切换发布目录。保留上一个可用版本,就能在发现问题时迅速恢复。
当网站以后需要搜索、账户或交互时,再按实际需求增加组件。保持一个可以理解的基础,比提前安装一整套暂时用不到的系统更有帮助。