李文涛 亚太区架构师经理

进入6月，国人被网络上各种促销信息“狂轰滥炸”，标志着618电商购物节正式拉开帷幕。疫情催生的“宅经济”让消费者转向网络购物，“全球买全球卖”的跨境电商正成为习惯“出海”的消费者青睐的消费模式购物”。据环球时报发布的数据，受疫情影响，2020年全球电商用户将超过34亿，2021年这一数字有望同比增长10%至38亿。此外，为了抓住6.18这个上半年最大的消费旺季，

在此趋势下，在刚刚结束的今年全国两会政府工作报告中，明确提出发展跨境电子商务等新业态新模式。跨境电子商务正在成为我国拉动经济增长的新渠道和融入“双循环”格局的重要推动力。其释放出的积极政策信号，将为跨境电商产业链各方带来更多机遇。

如何把握机遇？建设一个Web性能更好的在线平台是跨境电商的重中之重。研究表明，网页加载速度每降低 100 毫秒，销售额就会下降 7%。更重要的是，随着谷歌近期推出了衡量Web性能、与搜索引擎排名相关的指标Core Web，今年中国跨境电商平台必须顺势而为，适当优化Web性能和网站性能。他们自己的平台。直观的用户体验，否则很难在搜索引擎排名中寸步难行，最终错失流量，影响收入。

Core Web：影响跨境电商网站性能和搜索排名的关键因素

自网站诞生以来，响应速度或响应时间一直是人们关注的焦点，而速度慢是网站的“杀手”。因此，在过去很长一段时间里，网站的响应时间和页面加载时间一直是衡量网站性能的关键指标。随着页面元素的不断增加和新技术的引入，更加注重真实用户体验的“用户感知”指标逐渐成为主流。但是，对于这个指标，业内并没有达成共识。不仅国内电商和欧美电商使用的指标不同，国内电商使用的指标也不同。直到去年，谷歌才提出“Core Web” ——从页面加载、交互性、视觉稳定性三个维度评估页面用户体验的新一代Web性能体验和质量指标——让业界朝着统一可接受的指标定义迈进。方法和维度。

图 1. 新的用户体验指标 Core Web

并且，谷歌今年明确将Core Web作为谷歌搜索排名的影响因素之一。Core Web 由三个指标组成：（LCP），衡量页面渲染和视觉加载的性能。 要求 LCP 在页面首次开始加载后的 2.5 秒内发生；(FID)，衡量页面的交互性和流畅性，谷歌要求页面的FID最好小于100毫秒；(CLS)，衡量页面的视觉稳定性，要求页面的CLS最好保持在0.1以下。在这三个指标中，“页面稳定性”是一个比较新的角度，对电商行业极为重要。电子商务网站内容丰富。消费者来访时，往往“蹦蹦跳跳” 宣传信息等内容，这些弹窗会影响页面的稳定性。例如，突然出现的促销窗口会将整个页面下移，这可能会导致本想点击“取消”按钮的消费者不小心点击了“确认订单”（如图2所示）。

图2 突然弹窗导致页面下移

跨境电商网站优化倡议满足Core Web标准

与 Web 性能的旧关键指标一样，Core Web 与业务性能直接相关，并且针对 Core Web 优化的站点已被证明对收入有巨大好处。例如， 在将 LCP 优化 31% 后，其销售额增长了 8%，用户访问网站的转化率和购物车的转化率分别提升了 15% 和 11%。日本新闻网站(!News)通过降低CLS，单用户浏览量增加了15%，平均用户浏览时间增加了13.3%，页面跳出率下降了1.72%。

那么如何优化跨境电商平台，以达到谷歌推荐的Core Web的良好价值，最终跻身搜索引擎排名前列呢？有很多针对性的解决方案和优化建议，帮助用户将这三个指标提升到谷歌推荐的好值。

对于LCP，跨境电商平台应该尽可能快地发送HTML，因为浏览器只有在收到HTML文件后才会开始渲染页面。HTML传递速度涉及到很多优化维度，比如DNS时间、首包时间、TCP时间、全局路由优化等。另外，由于页面渲染离不开关键的CSS和JS，因此JS和CSS的传输优化也很重要。跨境电商平台可以使用最新的算法对客户端的CSS和JS进行压缩，相比GZIP可以节省15%到20%的字节。服务器推送技术（Push）还可以在用户请求HTML时主动将关键的JS和CSS文件推送到用户的浏览器，从而更快地加载这两个关键元素。

对于FID，跨境电商平台可以延迟加载一些非关键或执行缓慢的文件，去除一些不必要的第三方代码，或者密切监控第三方代码，判断是否影响用户交互性能，实现及时发现，以便及时优化。此外，跨境电商平台还可以利用最新的功能来提升交互性能；通过压缩减小文件大小；检查代码利用率并删除未使用的逻辑。

对于CLS，跨境电商平台可以预先设置页面图片和视频的宽高参数。预先定义它们在页面上的渲染尺寸，避免尺寸变化导致页面加载时发生位移。此外，跨境电商平台可以为广告等动态元素预留一些空间，避免上述“弹窗”问题。最后，跨境电商平台可以使用字体预加载seo优化，避免使用它来改变页面布局。

值得注意的是，谷歌预计在今年6月以“用户体验”相关指标作为其搜索排名依据，因此达到谷歌推荐的Core Web“Good”（见图1）的同类型网站将排名第一在搜索排名中。更向前。需要注意的是，谷歌要求这三个指标都为“Good”才能提高网站的搜索排名。也就是说，如果跨境电商平台只在LCP上达到“Good”，但FID或CLS为“”或“Poor”，那么就无法获得排名红利。

- 跨境电商网站优化时代的举措

在过去的几年里，谷歌一直在为网站的桌面和移动网站编制索引。随着“-”的引入，从今年4月开始，谷歌的搜索引擎将在抓取、索引和排名方面优先参考移动版网站，这意味着谷歌将主要抓取和索引移动页面。针对这一重大变化，该公司的一些电商客户发现，如果不采取应对措施，他们20%的谷歌搜索流量可能会受到影响。因此，跨境电商企业在搜索引擎优化的具体规划中，应着眼于网站移动化。版本，针对以下几个方面优化页面。

首先是能见度。- 实施后，谷歌搜索引擎主要模拟手机爬虫对网站进行爬取。跨境电商平台要了解谷歌爬虫爬取行为的变化，知道自己的移动端站点是否被正确爬取。

其次是性能。移动网站的性能变得越来越重要。跨境电商平台需要了解自己手机网站的性能和谷歌爬虫抓取网站的性能。另外，在手机站基础设施资源紧张的情况下，跨境电商平台还需要了解只抓取手机站的谷歌爬虫是否会为其源站带来额外的压力网站优化，进而有针对性地进行优化。

此外，谷歌还为网站管理员提出了一些最佳实践，包括电子商务。首先，谷歌建议网站不再使用单独的手机M站域名。例如，很多跨境电商平台都有两个域名：桌面“”和移动“”。，然后返回相应的桌面或移动端内容，或者使用响应式网页设计（RWD）技术进行页面传递。其次，谷歌建议对桌面和移动网站使用相同的图片 URL。目前很多电商平台都会将同一张图片压缩裁剪成多个版本，用于桌面端、移动端甚至不同的浏览器。这些图片将放在不同的文件夹和路径中。使用相同的图像 URL 来同时为桌面和移动网站提供服务并不容易，跨境电商平台可以依赖这种基于CDN的自动化网站图片优化解决方案。第三，谷歌建议确保优化移动网站的图像质量。为了节省字节和提高移动站点的性能，一些电子商务平台在制作移动站点图片时可能会将图片压缩得过于模糊网站开发，最终适得其反，影响移动用户体验。而且，在大背景下，手机网站是搜索引擎流量的主要入口，与“门面”相关的手机图片质量也不容小觑。跨境电商平台可以使用WebP、AVIF等一些较新的图片格式网站优化，在保证图片质量的同时减小图片尺寸。 建议确保优化移动网站的图像质量。为了节省字节和提高移动站点的性能，一些电子商务平台在制作移动站点图片时可能会将图片压缩得过于模糊，最终适得其反，影响移动用户体验。而且，在大背景下，手机网站是搜索引擎流量的主要入口，与“门面”相关的手机图片质量也不容小觑。跨境电商平台可以使用WebP、AVIF等一些较新的图片格式，在保证图片质量的同时减小图片尺寸。 建议确保优化移动网站的图像质量。为了节省字节和提高移动站点的性能，一些电子商务平台在制作移动站点图片时可能会将图片压缩得过于模糊，最终适得其反，影响移动用户体验。而且，在大背景下，手机网站是搜索引擎流量的主要入口，与“门面”相关的手机图片质量也不容小觑。跨境电商平台可以使用WebP、AVIF等一些较新的图片格式，在保证图片质量的同时减小图片尺寸。一些电商平台在制作手机站图片时，可能会把图片压缩得过于模糊，最终适得其反，影响手机用户体验。而且，在大背景下，手机网站是搜索引擎流量的主要入口，与“门面”相关的手机图片质量也不容小觑。跨境电商平台可以使用WebP、AVIF等一些较新的图片格式，在保证图片质量的同时减小图片尺寸。一些电商平台在制作手机站图片时，可能会把图片压缩得过于模糊，最终适得其反，影响手机用户体验。而且，在大背景下，手机网站是搜索引擎流量的主要入口，与“门面”相关的手机图片质量也不容小觑。跨境电商平台可以使用WebP、AVIF等一些较新的图片格式，在保证图片质量的同时减小图片尺寸。

积极探索新情况、新规则、新举措，是我国跨境电子商务发展的关键，更是生存的需要。在世界在线消费和电子商务的大趋势下，抓住Core Web的关键点并做出相应的优化，将成为中国跨境电商在危机中培育新机遇的“掘金”。在风云变幻的秘籍中开启新游戏”。

作为全球领先的智能边缘平台，已为多家全球知名跨境电商平台提供Core Web及-era Web性能优化解决方案。其中，可帮助跨境电商平台监测真实用户的LCP、FID、CLS指标，并提供针对性的优化方向；而边缘计算服务可以实现网站的自适应交付，统一移动和桌面域名。