速度与性能优化

这项工作具体做什么

速度优化是让页面在真实的访问条件下更快地显示出主要内容，并且更快地能被操作。

具体工作分几层。资源层：压缩和转换图片格式、按需加载、去掉没用到的脚本和样式、给字体设置合理的加载策略。传输层：开启压缩、配置缓存策略、必要时用内容分发网络把静态资源放到离访客更近的节点。渲染层：减少阻塞渲染的资源、给图片和广告位预留尺寸避免布局跳动、推迟非关键脚本。测量层：在真实的网络条件和设备上测，而不是在办公室的光纤上测。

对外贸网站，还有一层是地理距离。服务器在国内、买家在欧洲，光是网络往返就要几百毫秒，这部分不是压缩图片能解决的，要靠节点位置和内容分发。

需要说清楚的是，速度优化有上限。一个八百个产品、每页三十张大图的目录站，优化之后仍然比一个十页的企业站慢。合理的目标是「在这个内容量下尽可能快」，不是一个绝对数字。

不做会怎样

海外买家访问中国服务器上的网站，体验和你在办公室看到的完全不是一回事。你觉得秒开的页面，德国的采购可能要等五六秒。等待期间他会做什么，取决于他有多想找到你——如果他还在比较三家供应商，他会关掉。

这件事的隐蔽性在于：你永远看不到。分析工具里显示的是那些等下来的人，等不下去的那些不产生数据。

速度也是搜索排名的一个因素。它的权重不如内容相关性大，但在几个页面内容都差不多的时候，它会成为区别。

还有一个具体场景是移动端。海外买家在展会现场、在路上用手机搜供应商，那时候的网络条件比办公室差得多。图片没压缩的产品页在那种环境下基本打不开。

验收时应该拿到什么

验收时你应该拿到：

优化前后的测量对比，说明用什么工具、什么网络条件、什么设备测的。

具体做了哪些优化的清单，不是「进行了全面优化」这种说法。

图片处理规范：以后上传图片该多大、什么格式，交给维护网站的人。

缓存策略说明：哪些资源缓存多久，改了内容之后怎么让访客看到新的。

已知的限制：哪些慢是这次没法解决的、为什么。这一条比前面几条更能看出服务商是否诚实。

你自己怎么验

不要在办公室电脑上用光纤测。用这几种方式：

用手机流量，关掉 Wi-Fi，打开你的首页和一个产品页，数几秒能看到主要内容。

在测速工具里把测试地点设成你的目标市场，比如德国或美国，而不是默认的就近节点。

同一个页面测三次，取中间值。单次测量的波动很大。

看有没有布局跳动：页面加载过程中内容有没有突然往下跳。这个问题在手机上最影响体验。

优化前后用同样的条件各测一次，对比才有意义。只给一个优化后的分数，说明不了任何事。

常见被糊弄的地方

只追求测速工具的分数。分数是用一套固定条件算出来的，和你的买家实际体验不完全对应。分数从 60 提到 90 但买家还是觉得慢，是常见情况。

在国内网络下测海外访问。这是最根本的一个错误，测出来的数字没有参考价值。

装一堆优化插件。插件之间会互相冲突，而且每个插件本身也要加载。有时候卸掉几个插件比装一个优化插件更有效。

压缩图片压过头。产品图糊了，买家看不清细节，省下的加载时间不值得。

缓存配置太激进。改了内容访客看到的还是旧的，这个问题很难排查。

把慢全部归因于服务器，换了更贵的主机但没优化图片。多数外贸网站的加载时间里，图片占了大头。

承诺一个具体的加载秒数。这个数字取决于访客的网络和设备，服务商控制不了。

为什么各家报价不同

价格取决于站点现状和要优化到什么程度。

只做资源层的优化（图片、压缩、缓存）成本较低，多数站能有明显改善。涉及渲染层和代码层的改造，需要动模板和脚本，成本高得多。

如果慢的主要原因是主机性能或地理距离，那就不是优化能解决的，要换主机或加内容分发网络。这部分是持续的费用，属于代垫，不在服务费里。

页面构建器堆出来的站往往优化空间有限，因为它生成的代码本身就冗余。这种情况下重做模板可能比优化更划算，服务商应该在报价前告诉你。