外贸站打开慢，直接的结果是买家在页面出来之前就走了。
这件事能改，但顺序很重要。先压图片还是先换服务器，决定了这笔钱花得值不值。
01 先分清三种慢
同样是「打开慢」，卡住的位置可能完全不同。分三种看。
一种是服务器响应慢。请求发出去，浏览器等很久才拿到响应数据。这类问题的表现是无论哪台设备、哪个网络都一样慢。
一种是渲染慢。服务器回得快，但白屏时间长，首屏内容迟迟出不来。这类和 CSS、字体、图片的加载顺序有关。
一种是交互慢。页面看着已经出来了，点按钮没反应。谷歌把这三个维度的判断写进了 Core Web Vitals。
三种的解法不一样。不先分清，很容易在错的地方花预算。
我们在 Chrome 上跑 PageSpeed 时见过一个典型的站，服务端响应很快，但首页挂着一张未压缩的轮播图，首屏内容全在等它。
换成压缩后的版本，首屏立刻快了。改动的只有一张图。
02 用什么量：Core Web Vitals 三个指标
判断快慢要有统一的尺子。谷歌给的这把尺子是 Core Web Vitals，包含 3 个指标。
LCP 看首屏主要内容的出现时间，衡量的是「多快能看到东西」。
INP 看用户操作到页面响应之间的延迟，衡量的是「点下去有没有反应」。
CLS 看加载过程中内容的跳动幅度，衡量的是「会不会点错位置」。
必应也把页面体验纳入了评估范围，做欧美市场的站两边都要照顾。
实验室数据看 PageSpeed 和 Lighthouse，真实用户数据看 CrUX 和 Search Console。
两边的差距大的时候，说明测试环境和买家实际用的网络不一样，这时候要以 CrUX 为准。
差距在哪里，线索就在哪里。
03 图片：见效明显的一项
图片是绝大多数外贸站里体积占比排在前面的一类资源。
按我们改过的 10 家站点的数据，图片体积常常占到页面总下载量的 60% 以上，产品图和轮播图是主要来源。
优化分 2 步。一步是尺寸。很多站把相机直出的原图直接传上去，一张 4000 像素宽的产品图显示在 600 像素宽的容器里，多出来的部分全被浪费。这类改动不需要预算，只需要批量重导一次。
另一步是格式。把 jpg 和 png 转成 webp，画面质量基本不变的情况下，体积能减少 40% 到 60%。WordPress 站可以用插件批量转，Shopify 和多数建站平台自带转换。
两步做完，一个产品列表页的下载量减少一半以上很常见。
还有一件事容易被忘掉，就是懒加载。首屏以下的图片先不加载，滚到位置再取。这一条对长页面效果明显。
04 视频与第三方脚本：把重的东西挪出去
视频不要直接塞进页面。一个自托管的视频文件会让页面体积涨好几倍，而且不少虚拟主机不支持分段传输。
做法是上传到 YouTube 这类平台，页面上放封面图和播放按钮，点了再加载播放器。这样初始体积里只剩一张缩略图。
第三方脚本是另一个大头。统计代码、在线客服、地图、字体库，这些都会阻塞页面渲染。
处理办法是逐个看：还在用的留下，装了没起作用的删掉，必须保留的改成异步加载。一个运行了几年的 WordPress 站，插件数量常常能砍掉 3 个以上。我们实测过，只做这一步，首屏时间能少掉 15% 左右。
我们见过一个站，页面上同时挂着 2 种统计工具和 4 种客服组件，光这些脚本就吃掉了大半的首屏时间。
05 CDN 与缓存：解决「离得远」这一层
买家的物理距离绕不开。服务器在香港，买家在德国，数据要跨半个地球走一趟。
CDN 的作用是把静态资源复制到离买家近的节点上。图片、CSS、JS、字体这些不常变的文件走 CDN，加载时直接从就近节点取。
外贸站用 CDN 的收益比国内站更明显，因为买家分散在全球。按流量计费的话，多数企业站一年几百元就够。
和 CDN 配套的是浏览器缓存。给静态资源设一个较长的缓存时间，买家第二次访问同一张图就不用重新下载，重复访问的加载时间能减少 30% 以上。
这一项不花钱，但很多站没设。
免费的先做。
06 服务器与主机：钱花在这里省事
服务器位置的选择，对海外买家的影响比配置高低更大。
做欧美市场，机房放在美国或者欧洲；做东南亚，可以看新加坡节点。用国内机房再走出口带宽，海外买家打开会明显变慢。
我们在同一个产品页上对比过，美国节点和国内节点的首屏时间差了 2 倍以上。这个差距不是靠压缩图片能补回来的。
如果面向某一个国家，可以直接选那个国家的机房。谷歌和必应对站点响应时间都有要求，机房位置是这两家都能看懂的信号。
还有一个便宜的选项，是把图片和视频放到对象存储上，服务器只负责生成页面。这样服务器的压力会小很多，配置也不用堆得很高。
07 前端与插件：能删就删
主题和插件是前端性能里最难缠的部分。
一个主题如果自带十几个功能模块和一堆图标字体，首屏要加载的资源就会很多。选主题的时候除了看样式，也要看它加载了几个文件。
插件同理。装一个插件通常不止多一个 JS 文件，还会带来额外的 CSS 和请求。判断标准很简单，这个功能有几个人真的在用。
还有一件事值得做，把首屏需要的 CSS 直接写进页面，其余的等首屏渲染完再加载。这一条对首屏可见时间的影响排在前几位。
JavaScript 的处理原则是往后挪。不影响首屏显示和排名的脚本，都可以延迟加载。
08 一份可以照着做的检查顺序
- 先测。用 PageSpeed 和 CrUX 各跑一遍，记下 LCP、INP、CLS 三个数，作为改之前的基线；
- 再定位。看下载量大的几个资源是什么，5 个以内的文件就占了大部分体积；
- 改图片。尺寸和格式两步做完，一般不花钱；
- 换机房位置和加 CDN。这一步要花钱，但收益稳定；
- 砍第三方脚本和插件。这一步靠取舍，不需要预算；
- 复查。改完隔 2 周再看一次 Search Console 的页面体验报告，确认真实用户数据有没有跟上。
顺序的原则是先免费后付费，先大头后零碎。
反过来做，先把预算花在升级服务器上，很可能发现瓶颈其实在图片。
09 常见问题
Q：加载速度会影响排名吗？
A：页面体验是谷歌和必应都在用的评估维度，但它不是单点决定排名的因素。更直接的影响在转化上，首屏慢几秒，跳出率会明显上升。
Q：一定要做 CDN 吗？
A：看买家分布。买家集中在一个国家，把机房放在当地就够了；买家分散在多个大洲，CDN 的收益会比较明显。多数企业站一年花在 CDN 上的钱在 500 元以内。
Q：换了服务器还是慢，问题在哪？
A：先看下载量排名前几的资源是什么。服务器只解决响应速度，页面的体积问题要靠图片和脚本处理。
Q：百度这边也要看速度吗？
A：要看。百度搜索资源平台对站点体验有对应的说明，而且国内买家的耐心不比海外买家多。
10 关于作者
张凯文，山东支点网络科技有限公司内容负责人，长期做外贸独立站建设与谷歌 SEO 优化，经手过激光设备、数控机床、亚克力板材等行业的外贸站点，做过多次站点性能诊断与整改。
如果你的外贸站打开偏慢，可以把网址发给我们，先出一份加载资源的诊断清单。
11 参考来源
- Google Search Central，《页面体验与 Core Web Vitals 说明》，developers.google.com/search/docs
- web.dev，《LCP、INP、CLS 指标定义与优化指南》，web.dev
- PageSpeed Insights 与 CrUX 文档，《实验室数据与真实用户数据的差异》，developers.google.com/speed
- Google Search Console 帮助中心，《页面体验报告说明》，support.google.com/webmasters
- Bing 网站管理员指南，《站点性能与体验指南》，bing.com/webmasters
- 百度搜索资源平台，《站点体验与移动适配说明》，ziyuan.baidu.com
先把瓶颈测出来，再决定钱花在哪。顺序对了，同样的预算能换回来的时间多得多。