定制开发
新西兰企业官网 · SvelteKit + Prismic
按需求从结构、CMS 内容模型到交互动效完整定制实现 —— 不是套模板
- 搜索引擎友好度 SEO 100/100
- 可访问性 98/100
- 移动端 LCP 2.2s
- 页面体积 1,188 KB（图片全部 WebP + 响应式尺寸）
- 中英双语 / 结构化数据 / 语义化标记一次做齐
首页 › 关于 · 联系
关于我 · 联系
让内容驱动的网站又"快"又能被搜到 —— 专注 Prismic / SvelteKit / Next.js 站点的性能、可访问性与技术 SEO。
立刻能开始
最快的开始方式：先用免费检测跑一遍你的站，把结果链接（或截图）发我。
我是谁
前端工程师，远程为一家新西兰公司工作。日常既做开发（把设计做成可维护的网站、搭 CMS 内容模型），也做优化（性能、可访问性、技术 SEO）。
常用技术：Next.js、SvelteKit、Astro、TypeScript、Tailwind CSS；内容平台：Prismic、Shopify（headless）、WordPress；部署：Vercel、Cloudflare。
我做的站不是套模板 —— 从结构、内容模型到交互动效都按需求定制；上线时就把技术 SEO 与速度基线一起做好。
时区 UTC+8，与新西兰工作时间有 4–5 小时重叠；面向中国出海品牌与海外客户，中英双语沟通。
数字，不是形容词
- 本站（prismicaudit.com）：桌面 Lighthouse 100/100/100/100；HTML 首包 27.7 KB；sitemap 266 条 URL；TLS 证书剩余 44 天。 来源：本机直连 Lighthouse（2026-09-30），非公网隧道口径；公网访问受网络延迟影响，性能分会波动。sitemap / TLS 为页面渲染时实时读取。
- 体检样本（客户名不公开）：某新西兰零售站 2026-09-18 的 Lighthouse 快照 —— LCP 5.1s · TBT 2.04s · 总字节 2090 KiB · Perf 44 / A11y 88 / BP 77 / SEO 83。 这是我一次体检跑出来的快照/起点，不是优化后的结果。
我做过的，能点开看
下面三件都是活的，链接点进去就能自己验证，不用信我的形容词。
Pet Field Guide — 宠物店专用 Shopify 主题
- 44 个 section、20 个页面模板、3 种导航布局、4 套配色，不需要装任何 App
- 375–1440 六档实测：横向溢出 0；触控目标 ≥24×24（WCAG 2.5.8）
- 演示店可以真的点进去（密码写在落地页上）→ 看主题
SliceLab — 行业站点模板
- 餐厅 / 诊所 / 律所 / 通用四条行业线，共用同一套 section 系统
- Next.js + Prismic（headless）：换一个行业是换内容模型 + 换 section，不是重做
- 这是我做客户站时在复用的底子 → 看模板站
prismicaudit.com — 这个工具站本身
- 服务端渲染、双语、sitemap 132 条 URL、HTML 首包 <30KB
- 检测页 Lighthouse 100/100/100/100
- 多语言 canonical 那个 bug 就是在这儿发现并修掉的 → 看笔记
我能做什么
网站优化
- Core Web Vitals：LCP / TBT / CLS 提升（真实浏览器数据驱动）
- 图片与字体管线：格式与尺寸压缩、懒加载、字体子集化
- 第三方脚本治理：GTM / 像素 / 客服插件如何不拖垮分数
- 技术 SEO：canonical、hreflang、结构化数据、sitemap、抓取修复
- 可访问性：WCAG AA —— 对比度、触摸目标、语义与键盘可达
- 缓存与 CDN：Vercel / Cloudflare 边缘缓存与回源策略
网站开发
- 高自定义网站：不套模板，按设计与业务逻辑实现，组件化、可维护
- CMS 内容建模：Prismic / Shopify（headless）/ WordPress —— 让非技术同事也能改内容
- 多语言站点：中英双语、hreflang 与本地化路由
- 电商前台：Shopify headless + Next.js（商品、购物车、结账集成）
- 动画与交互：GSAP、滚动叙事、微交互 —— 不牺牲性能
- 上线即带 SEO：部署到 Vercel / Cloudflare，元信息、结构化数据、sitemap、速度基线一次做齐
怎么收费
没有套餐表，只有三档，而且价格是固定的 —— 你不需要先付钱、也不需要先等我报价才知道要花多少。
① 单项修复 —— $199
- 一个具体问题：首页 LCP 慢、canonical/hreflang 写错、某个 section 拖不动、移动端横向溢出……
- 交付：改好的代码 + 改前改后的数字
② 体检 + 修复 —— $399
- 全站跑一遍：性能 / 无障碍 / 技术 SEO / 图片 / 结构
- 交付：按优先级排的问题清单 + 我直接实施前 3 项
③ 月度照看 —— $79/月（限 3 个名额）
- 可用性监控（出问题第一时间通知）+ 每月性能与 SEO 简报
- 坏链与证书检查 + 每月 2 小时小改
不知道自己属于哪一档：先用首页的免费检测跑一遍，把结果发我，我告诉你该走哪档。
怎么合作
- ① 你跑检测（或把已有数据发我）
- ② 我出一份按优先级排好的问题清单 + 工作量估计
- ③ 你确认范围与报价后开工，按批次交付、每批都带 before/after 数字
不接什么
- 要求「保证搜索排名第一」的项目（排名没法保证，能保证的是可测量的技术指标）
- 拿不到站代码或后台权限、只能看截图的整站改造
- 48 小时内要交付整站重做的紧急单
AI 驱动的工作流
我熟练使用多种 AI 工具搭建自己的开发工作流，各环节分工明确：
- ① 需求拆解 —— 用 Claude / ChatGPT 把模糊需求拆成可执行的任务清单与验收标准
- ② 实现 —— 用 Cursor（Agent 模式）派活：脚手架、组件开发、页面重构、批量改动
- ③ 质量把关 —— 自动化检查（Lighthouse、可访问性、结构化数据、链接完整性）＋ 逐行 diff 复核
- ④ 验收与上线 —— 最终验收和技术决策由我做：性能与 SEO 基线达标才上线；上线后持续监测
我不是「AI 写完就交」—— 每一项改动我都亲自复核、复测，并对结果负责。这让一个人也能以接近小团队的效率交付高自定义的页面。
精选作品
网站开发 · Shopify + Next.js headless
NOMAD LAB（个人项目 · Shopify + Next.js headless + Tailwind）
- Shopify 作为 headless 商品/购物车后端
- Next.js 前端
- 暗色工业风视觉
工具
Prismicaudit（本站）
113 个技术栈探测器 + 真实浏览器测速；Lighthouse 桌面四项 100/100/100/100
- 桌面 Lighthouse 100/100/100/100（四项，可自行验证）
- 113 个技术栈探测器，带命中证据
← 左右滑动查看更多
我怎么做
- 免费诊断给你一份检测报告（问题清单 + 每一项的影响与改法）
- 定目标先写下要达成的指标（例如 LCP < 2.5s、性能 ≥ 90），再动手
- 分步改在独立分支上改，可回滚；涉及页面观感的改动先经你确认
- 交付验收用改动前后的同口径数据对比说明结果
承诺
诊断免费。若事先书面约定的目标未达成，我不收费。
联系方式
直接填下面的表单就行，不用打开邮件客户端。也可以走邮件 / 微信。
收件人：[email protected] | 抄送：[email protected]
微信：扫码加我
国内外都能扫。把检测结果截图发我，直接聊怎么修。