声峰声学 · TWS 耳机品牌站
LCP4.2s → 1.4s
德国询盘+180%
跳出率68% → 41%
原来是什么样
声峰在东莞长安做了 11 年 TWS 耳机代工，客户是三个欧洲品牌。2024 年他们想做自己的品牌，找外包做了个站：首屏一张 8MB 的轮播图、四个动效插件、字体从 Google Fonts 外链加载。国内打开还行，德国客户打开要 4.2 秒。
我们做了什么
- 把首屏从 8MB 压到 240KB：图片全部转 WebP，按容器尺寸出图，轮播只加载当前帧；
- 去掉 4 个动效插件：滚动动画改成 CSS + 原生 IntersectionObserver，少 380KB 脚本；
- 字体自托管：思源黑体子集化到 180KB，不再依赖 Google Fonts（欧洲访问 Google Fonts 反而慢）；
- 换掉页面构建器：原来用 Elementor 堆了 14 个区块，改成手写主题，DOM 节点从 2,100 降到 640；
- 德国区落地页：单独做了一版德语页，写 CE/FCC 认证、欧盟保修政策、德国本地退货地址。
结果
指标改版前上线 4 个月移动端 LCP4.2 秒1.4 秒Lighthouse 性能4696跳出率68%41%德国区月询盘5 条14 条## 客户原话
“最直接的变化是德国客户不再问‘你们网站是不是打不开’。”（声峰声学 · 品牌负责人 周先生）