案例 · 我们自己的网站 · 已上线
dreamie.tech
你正在看的这个网站，就是按做客户 MVP 的方式做的：先有书面 Brief，再锁定范围，用真工具，上线前跑完检查。
100Lighthouse 无障碍
100Lighthouse SEO
100Lighthouse 最佳实践
0axe 无障碍违规
首页、手机模式，2026 年 11 月用 Lighthouse 12 和 axe-core 4.10 测得。
里面有什么
- 三种语言，各自预渲染在独立网址：英文、简体中文、香港用语的繁体中文
- 可筛选的技术栈墙、套餐估算器，以及发不出时自动改用邮件的 Brief 表单
- 工作室、服务和常见问题的结构化数据，每种语言各自的分享图
- 干净的网址和 llms.txt，让搜索引擎和 AI 助手准确介绍我们
- 几篇实用指南和一份可打印的 Brief 模板，找不找我们做都用得上
- 没有追踪 Cookie，不用第三方字体；字体和脚本都从我们自己的域名加载
- 静态构建，从 GitHub 部署到 Cloudflare Workers
我们怎么检查
- 每次发布前，都在真浏览器里跑自动检查，覆盖电脑和手机、三种语言
- 检查会实际点过技术栈筛选、估算器和 Brief 表单，并逐个元素扫描有没有撑破版面
- 开了“减少动态效果”的访客，看到的是安静、完整、没有动画的页面
- 发布前每个页面都用 axe-core 做无障碍审查
你的 MVP 也会得到同样的用心。
开始一个 Brief →