把官网搬到边缘：一次真实的首屏优化记录

从 TTFB 620ms 到 38ms，我们具体做了哪五件事。

李工 2026 年 10 月 16 日 7 分钟读完 2318 次阅读建站知识

边缘加速优化

为什么要动架构

客户原来那套站，首页 TTFB 常年 600ms 以上，移动端首屏 4 秒开外，投出去的流量有一半在等待中流失。

WordPress 退化为纯数据层，只暴露 REST API，前台不再执行 PHP。

构建产物直接推到全球节点，HTML 与图片同享边缘缓存。

npm run sync && npm run build
# 构建完成后推送到 EdgeOne Pages

由媒体云按访问设备实时出图，构建期不做重处理，CI 快了一半。

动效改用 IntersectionObserver，轮播用 CSS Scroll Snap，整站 JS 不到 40KB。

百度收录的旧地址逐条映射，没有出现排名断崖。

TTFB 38ms，移动端首屏 0.8 秒，自然流量询盘两个月内翻了一倍多。