大数跨境

加利伯网站改版引发的“页面加载速度变慢”悲剧:Spelldata 公司的解决方案及引入 SmartJPEG 的效果

加利伯网站改版引发的“页面加载速度变慢”悲剧:Spelldata 公司的解决方案及引入 SmartJPEG 的效果 TrendMarket日本
2020-09-08
1
导读:二手车销售与收购平台“Galler”(运营方为IDOM)的网站在改版后出现了页面加载速度显著延迟的问题。最终,企业级Web性能优化服务提供商Spelldata公司以及图像压缩软件“SmartJPEG”

IDOM运营着以二手车销售与收购闻名的「Gulliver」品牌,在全国拥有约500家门店。该公司负责运营网站「221616.com」,该网站承担着向Gulliver各门店导流以及作为吸引新客户媒体渠道的角色。2016年网站改版后,由于多种因素,网站遭遇了“显示速度延迟”和“网站流量减少”等问题。

如何排查并解决网站上的致命问题,进而推动改善?我们采访了担任网站负责人的IDOM市场营销团队村田创先生,请他分享了从分析显示速度延迟原因到最终解决问题的全过程。

网站改版后出现显示速度延迟问题

非功能性需求未确定即推进项目是诱因

由IDOM运营的“221616.com”是一个作为向全国约500家Gulliver门店导流以及吸引新客户媒体功能的网站,它是IDOM最大的网站,占据了约一半的门店导流量。

「221616.com」首页(图片:编辑部截图)

担任「221616.com」负责人的村田创先生(市场营销团队)于22年前加入其前身公司Gulliver International。经过企划部门等工作岗位历练,他于2015年就任现职。

原本运营顺利的“221616.com”,在2016年网站改版后遭遇了“网站变得慢得令人吃惊”(村田先生语)的故障。

此前,系统直接从数据库提取内容,因此包含图片的内容加载速度较快。2016年,为了提升网站便利性并谋求进一步发展,实施了构建RDB(关系数据库)和引入CMS的改版工程。该项目由市场营销部门主导推进。

然而,由于公司内部IT部门协作不足等原因,导致与外部开发企业在需求定义上进展艰难。尽管有既定的发布日期且无法调整进度表,项目仍带着不安情绪推进,结果在改版后出现了“显示速度变慢”的问题。

如何应对“爬取预算恶化”的问题

“显示速度变慢”的现象引发了一系列致命的连锁问题,其中之一便是爬取预算的恶化。

爬取预算是指在给定的时间内,Googlebot能够爬取并进行索引(※编者注:指数据被注册到搜索引擎数据库中,也称为“建立索引”)的页面数量。

Google使用名为Googlebot的“爬虫”来巡回检查已注册的网站。该爬虫会检查注册网站的内容,并在搜索引擎端通过内部算法进行排名。

在“221616.com”上,由于显示速度变慢,导致了页面尚未完全加载爬取便已达到上限的问题。一旦达到上限,爬虫会判断“无需再爬取新内容”,从而进一步对搜索结果产生负面影响。

在2018年9月7日举行的“Google Webmaster Central office-hours hangout”活动中,Google的John Muller(约翰·穆勒)先生解释说,“HTML应在100至500毫秒内发送,若超过1秒则会导致爬虫超时”。而且,由于大部分爬取操作是从美国芝加哥发起的,因此并非在日本国内,而是必须在美国于1秒内完成HTML的分发。

由于日美之间的物理距离,如果HTML在日本国内不能在200至300毫秒内送达,那么传到美国芝加哥时就会超过1秒。

延迟和爬取预算的削减反复发生,导致“221616.com”的内容无法获得高位展示,进而引发了现有客户即使搜索也无法再次访问、新客户流入减少等问题。村田先生回顾当时的情景称:“我们陷入了恶性循环。”

IDOM市场营销团队的村田创先生

汽车更换的考虑时机通常每7-8年才有一次

汽车由于其商品特性,更换周期通常需要7-8年。主要换车考虑时机是在每隔几年出现的一次保养前,但在7-8年间,实际考虑换车的时间总计仅约3个月。此外,经过7-8年后,随着生活阶段的变化等因素,所需车辆也会不同,因此即使是同一位客户,每次寻求的商品也会发生变化。

在不断应对各种情境和需求变化的过程中,关键在于能否让Gulliver成为客户换车时“脑海中浮现的地方”,以及能否成为新客户在“3个月的换车考虑期”内选择汽车的主要网站。

在需要促进新客户和现有客户双方访问网站的情况下,网站显示延迟这一障碍成为了重大难题。

结识Spelldata竹洞先生,推动问题解决

在寻找解决网站显示延迟对策的过程中,村田先生遇到了提供网站性能调优服务的Spelldata代表竹洞阳一郎先生。竹洞先生是网站性能分析专家,每年参与100多个网站的测量数据分析工作。他在软件工程的一个分支——性能工程领域享有盛誉。

Spelldata是一家性能工程专业企业。在疫情期间需求增长的网上超市,以及开始制造和销售口罩的网站等系统中,通过消除瓶颈,即使访问量过大也能实现易于连接的高速网站(图片:Spelldata网站首页,编辑部截图)

对竹洞先生抱有绝对信任的村田先生表示:

要改善Web性能,通常会使用包括海外工具在内的外部服务。虽然像竹洞先生这样自称专家的人很多,但很少有人能基于统计质量控制的方法或性能调优的理论,用自己的语言清晰地阐述“为何应使用该工具”、“为何此刻应采取此行动”。在这方面,竹洞先生有着自己的见解,且逻辑一贯。(村田先生)

村田先生认为,拥有高度且具体专业知识的竹洞先生应该能够解决当时IDOM面临的问题。然而,竹洞先生的见解甚至超越了公司内部的专业IT团队,“完全脱离了我们所知的世界”(村田先生)。

因此,起初很难让公司内部理解为何应该委托外部的Spelldata。

委托竹洞先生后,Web性能并未立即得到改善,但通过实施各种措施,问题逐渐得到了解决。

通过与竹洞先生的相遇,村田先生学到了“持续进行测量的重要性”。

不应让多位负责人各自在任意时间点测量并得出“快”或“慢”的结论,而应设定统一的标准并持续进行测量。村田先生将其比喻为“血压或体重”。

就这样,在持续正确地测量网站显示速度的同时,寻找最佳解决方案。

最近在公司内部,人们常用“作用与反作用”这个词来解释一种现象:即出于好意采取的行动,有时反而会在另一端造成负面影响。即便自认为达到了“最优”,其实可能只是“局部最优”,而未实现“全局最优”。网站需要不断维护,以追求整体优化并持续改进,这是有人告诉他的道理。(村田先生)

村田先生微笑着说:“竹洞先生对我们来说,就像医生一样的存在。”

引入SmartJPEG一年后,图像容量减少了98%

竹洞先生在IDOM开始支援后,向村田先生推荐了由软件开发公司WebTechnologies提供的图像轻量化软件“SmartJPEG”,认为它有助于提升网站性能。

当村田先生面临显示速度延迟问题时,移动网络的带宽上限约为30Mbps的4G。“需要改进以快速加载包括图像在内的内容”(村田先生),因此他自己也在寻找图像轻量化软件。然而,“其他公司的价格非常高,如果不从零开始重新审视内容的制作方式,即使引入也不划算”(村田先生)。

在“221616.com”上,全国约500家门店的店长使用自己通过智能手机等设备拍摄的“大体积图像”。此外,由于二手车的特性,每辆车刊登的图片数量接近30张,甚至包括划痕和引擎盖内部等细节。

“221616.com”上刊登的商品页面。共展示了26张图片(图片:编辑部截图)

在不改变内容制作流程、不进行繁琐编辑工作的情况下,如何上传大量图片?在不改变外观质量的前提下,如何避免网站显示速度变慢?经过多方面的考虑,最终决定引入“SmartJPEG”。

虽然也与竞争对手进行了比较,但压倒性的优势在于其压缩技术以及极低的价格和导入负担,这成为了最终决定的关键因素。

Speldata的估算认为,引入“SmartJPEG”后,“221616.com”上刊登的图像容量将减少约60%。然而结果出乎意料,“一年后,减少了98%”(村田先生)。

<什么是SmartJPEG>
SmartJPEG 是一款在保持图像画质的同时实现轻量化的软件,用于优化网站上的图片。它采用了在游戏行业占据市场份额第一的 Web 科技公司所拥有的图像处理技术专长。该方案不仅适用于 Beam、Workman、Toys“R”Us 等大型电子商务网站,也适用于信息类网站等图片数量庞大的网页,能够有效降低数据传输量。
“SmartJPEG”介绍网站的首页。许多大型电商企业都在使用(图片:编辑部截图)

网站访问量翻倍

店铺导流数量也稳步增长

随着图像容量的减少,在不降低画质的情况下显示速度得到了改善。最近,随着廉价SIM卡的普及,不少消费者面临着“到了月底手机数据流量就会减少……”的烦恼。

根据JustSystem于2020年1月发布的调查结果,当询问有因EC网站或EC应用响应速度慢而放弃购买经历的人“放弃时的平均时间”时(针对通过智能手机使用EC的情况),回答“不到1秒”的人占2.9%,“1至2秒不到”占6.1%,“2至3秒不到”占9.0%,“3至5秒不到”占18.4%。即使在EC网站或EC应用停止响应后的5秒内,也有36.4%的用户选择离开。

在这种背景下,考虑到近期的消费者需求,如果在月末“流量不足”的状态下在网页上大量刊登图像,会导致因速度限制而无法及时显示的“令人烦躁的网站”,从而引发访客流失。

通过引入“SmartJPEG”成功减少了图像容量,使得“221616.com”的访客能够毫无压力地搜索商品和在站内浏览。此外,页面显示速度的加快改善了爬取预算,索引量(※编者注:搜索引擎将页面注册到数据库的过程)的增加使得搜索结果得到改善,此前成为课题的老客户回访率恢复到了正常水平。

如果回访率得到改善,IDOM就可以将资源重新分配到“新客户开拓”上,从而有望实现销售额的提升。

实际上,与改版前相比,“访问量翻了一番”(村田先生)。虽然从网站向门店导流的数字未公开,但村田先生自信地表示“肯定增加了”。

页面显示速度的改善也影响了跳出率,以往约为70%的跳出率,“在过去两年中下降到了约50%”(村田先生)。

数据传输费用减半

成本降低 = 可投入下一轮投资

引入“SmartJPEG”后,数据传输费用也产生了显著效果。

数据传输量和传输成本降至原来的一半左右。不仅足以支付“SmartJPEG”的使用费,还进一步削减了通信线路和CDN的分发费用,可谓省下的钱比花费的还多。(村田先生)

村田先生面带微笑地表示,数据传输成本的改善是“出乎意料的惊喜结果”。

固定成本降低意味着可以将节省下来的资金用于下一轮投资。我们公司目前作为向门店导流的平台运营网站,但未来我们希望能实现在线完成购车的全过程。如果5G时代到来,我们或许不仅能引入静态图像解决方案,还能引入各种其他解决方案。目前我们正在增加预算,探讨下一步的战略举措。(村田先生)

◇ ◇ ◇

随着今后5G的普及,对于需要仔细放大查看商品的高分辨率2K或4K图像的需求将会增加。各大移动运营商已经推出了5G线路的无限量套餐,不用在意通信容量的时代即将到来。

届时,虽然为了传达商品魅力希望使用高分辨率图像,但对于因通信容量增加导致通信线路费用成为巨大负担的企业来说,像IDOM那样,如果能保持高分辨率的同时抑制通信费用,就能获得各种各样的优势。

【声明】内容源于网络
0
0
TrendMarket日本
1234
内容 0
粉丝 0
TrendMarket日本 1234
总阅读0
粉丝0
内容0