网站优化平台

进入6月，中国人被网上各种促销信息“轰轰滥炸”，标志着618电商购物节的正式开始。教育催生的“住宅经济”让消费者转向网上购物，而能“买卖全球”的跨境电商正成为习惯“海淘”的消费者青睐的消费模式。根据Finaria的数据，在教育的影响下，2020年全球电商用户超过34亿，2021年预计同比增长10%，达到38亿。此外，为了抓住上半年618年最大的消费季节，今年天猫国际已经在全球87个国家和地区落户了2.9万多个海外品牌。在这种趋势下，今年刚刚结束的全国两会政府工作报告明确提出了跨境电子商务等新业态的新模式。跨境电子商务正成为中国拉动经济增长的新渠道和融入“双循环”模式的重要动力。从中释放的优惠政策信号将给跨境电子商务产业链的各方带来更多机遇。怎样抓住机会？建立网络性能更好的在线平台是跨境电子商务的首要任务。Akamai的研究表明，网页加载速度每减慢100毫秒，销售额就会下降7%[3]。此外，随着谷歌最近推出的CoreWebVitals-衡量Web性能和与搜索引擎排名有关的指标，中国的跨境电商平台必须在今年紧跟形势，妥善优化自己平台的Web性能和直观的用户体验，否则就会在搜索引擎排名中寸步难移，最终错过流量，影响收入。CoreWebVitals:跨境电子商务网站性能和搜索排名的关键因素。自网站诞生以来，响应速度或时间一直备受关注，速度慢是网站的“杀手”。因此，在过去的很长一段时间里，网站的响应时间和页面加载时间是衡量网页性能的关键指标。随着页面元素的不断增加和技术的创新，更加关注真实用户体验的“用户感知”指标逐渐成为主流。但这个指标在业内并不真诚。不仅国内电子商务和欧美电子商务使用的指标不同，国内电子商务使用的指标也不同。直到去年，Google提出从页面负载、交互性、视觉稳定性三个维度来评价页面用户体验的“CoreWebVitals”——新一代Web性能体验和质量指标，统一、可接受的指标定义方法和维度。新的用户体验指标CoreWebVitals。而且Google明确将CoreWebVitals作为今年Google搜索排名的影响因素之一。CoreWebVitals由三个指标组成:LargestContentfulPaint(LCP)，衡量页面渲染和视觉加载的性能。Google要求LCP最好在页面首次加载后2.5秒内发生；FirstInputDelay(FID)，衡量页面的交互性和流畅性。Google要求页面的FID最好小于100毫秒；CumulativeLayoutShift(CLS)，衡量页面的视觉稳定性，Google要求页面的CLS最好保持在0.1以下。在这三个指标中，“页面稳定性”是一个新的角度，对电商行业极其重要。电商网站内容丰富，当消费者访问时，往往会“弹出促销信息等内容，而这些弹出促销信息会突然导致消费者点击。第二，突然出现的弹出窗口导致页面下移。跨境电子商务网站优化措施达到CoreWebVitals标准。CoreWebVitals和旧的Web性能的关键指标一样，直接关系到它的性能，并且事实证明，根据CoreWebVitals优化的网站，它对收入大有裨益。举例来说，沃达丰(Vodafone)在优化了31%的LCP之后，其销售额增加了8%，而用户访问网站的转化率和购物车的转化率分别增加了15%和11%[4]。日本新闻网站Yahoo！JAPANNews通过降低CLS，它提高了15%的单用户页面浏览量和13.3%的平均用户浏览时间，而且页面跳出率降低了1.72%[5]。因此，跨境电子商务平台应该如何优化以实现谷歌推荐的CoreWebVitals的良好数值，最终在搜索引擎中名列前茅？Akamai有许多有针对性的方案和优化建议，帮助用户把这三个指标提高到谷歌推荐的好值。对于LCP来说，跨境电子商务平台应该尽可能的让自己的HTML交付得更快，因为只有在浏览器收到HTML文件之后，才会开始渲染页面。HTML交付速度涉及到DNS时间，首包时间，TCP时间，全球路由优化等诸多优化维度。另外，由于网页渲染离不开关键的CSS和JS，所以JS和CSS的传输优化也很重要。跨境电子商务平台可以使用最新的Brotli算法对客户端的CSS和JS进行压缩，与GZIP相比，可以节省15%-20%的字节。服务器推送技术(ServerPush)也可以在用户要求HTML时，主动将关键JS和CSS文件推送到用户的浏览器上，从而更快地加载两个关键元素。其他优化方法也包括使用本地懒惰加载技术加载图片，预加载页面字体，使用CDN,HTTP/2提高连接性能等。对于FID，跨境电子商务平台可以延迟加载一些非关键或性能较慢的JavaScript文件，删除一些不必要的第三方代码，或者密切监控第三方代码，以判断它是否影响用户的交互性能，达到及时发现和优化的目的。另外，跨境电子商务平台还可以使用最新的JavaScript功能来提高交互性能；通过压缩减小JavaScript文件的大小；查看JavaScript代码的利用率，删除未被调用的逻辑。对于CLS，跨境电子商务平台可以提前设置页面图片和视频的宽度和高度参数。提前定义页面渲染的大小，可以避免因大小变化而导致页面加载过程中的位移。此外，跨境电子商务平台可以提前分配给一些动态元素，如广告，以避免上述“弹出窗口”问题。最后，跨境电子商务平台可以使用字体预加载功能，避免使用JavaScript改变页面布局。值得注意的是，Google预计今年6月将以“用户体验”相关指标为搜索排名依据，因此在同类网站中达到Google推荐的CoreWebVitals“Good”(参见图一)的网站将在搜索排名上更高。需要注意的是，Good要求三个指标都达到“Good”，网站才能提高搜索排名。换句话说，如果跨境电商平台只在LCP上达到“Good”，但FID或CLS是“NeedsImprovement”或者“Por”，就不能获得排名加成。Mobile-FirstIndexing时代跨境电子商务网站优化措施。近年来，Google一直同时对网站的桌面和移动网站进行索引。随着“Mobile-FirstIndexing”的引入，从今年4月开始，Google搜索引擎将优先考虑网站的移动版本，即Google将主要抓取和索引移动页面。鉴于这一重大变化，Akamai的一些电子商务客户发现，如果不采取对策，20%的Google搜索流量可能会受到影响，因此跨境电子商务应该在搜索引擎优化的具体规划中重点考虑网站的移动版本，并针对以下几个方面进行页面。