2022 年 5 月底，淘宝 PC 首页全新改版。本文讲述了 PC 改版前后的崎岖故事，以及 PC 项目组将来的技术布局和思考。
2022 年新版首页
https://www.taobao.com/
2021 年 12 月的某个上午，用户本豆习惯性地用电脑关上了淘宝网。大屏看商品细节、多页面可比照，而且上班时间轻轻看个淘宝毫无违和感，这些起因令他成为挪动时代为数不多的“PC 淘宝爱好者”。
他悄咪咪举起手机扫开二维码登录，点击跳转到下一个商品页时，登录框又一次弹了进去。在充斥时代感的网格页和时不时的谬误页中穿梭，他看中一台折叠露营车，点击旺旺想征询商家尺寸大小，音讯框提醒须要下载安装旺旺客户端……
嫌麻烦的本豆悻悻关掉了网站。此刻，与他同样有着“PC 不咋好用”懊恼的，还有 1000 万人。
同样工夫点，一位在首页开发岗位上工作了 2000 多天的大淘宝工程师永霸，正在契机之下，酝酿好了新的淘宝 PC 首页革新打算。
工程师永霸与新版淘宝 PC 首页
PC 首页，时代的眼泪
2015 年，在整个时代背景下，阿里开始了“ALL IN 无线”策略。“PC 不如挪动香”，15 年双 11 之夜的前几分钟，无线端的交易占比曾经达到了 80% 以上。尔后至今，淘宝的 PC 用户就像指缝间流下的沙，淅淅沥沥吞没在时代的洪流中，单是首页的 DAU 就下滑了将近 10 倍。
放到当初，你简直不可能关上电脑版淘宝商城，去给手机充值一次话费。这意味着，很多业务和经营也随着用户“迁徙”到了新的战场，PC 端的一些小众性能版块简直是“空架子”，交互滞后、页面 404、谬误弹窗等大大小小故障埋伏在了各个角落……局部用户忍不住上微博吐槽：PC 是不是没人保护了？
永霸抬抬眼镜，苦笑道：“咱们始终在的，但资源的确不够。”
2016 年版本的淘宝 PC 首页
资源并不是指要投入十来个技术同学，百来台服务器做开发；那些逐渐转移、隐没、迭代的业务，留下了坑坑洼洼无人填补的“资源 & 人工经营坑位”；那些组织调整、技术更迭的变动，不可避免地留下了“历史痕迹”：老化站点、不对立的技术计划、不可灰度不可回滚的发版形式等等，它们深深根植在这个经营近 20 年的平台上，像年轻而疾病缠身的巨兽，喘着粗气负重前行。
“你能设想？我还接到了一些 PHP 页面，预计是十几年前的，我都还没开始写代码呢！”永霸团队的同学锦臻是这次首页革新的主力，在他还是学生时，始终视玉伯为本人偶像，没想到工作 3 年后，他还能在“旺旺点灯”性能上看到偶像玉伯 2010 年写的 JS 代码：/ Copyright 2010, KISSY UI Library v1.0.5 MIT Licensed build: 524 Apr 6 09:10 //* @module 旺旺亮灯脚本 @author 玉伯 @depends ks-core */ 新同学在面对 PC 需要时也有个广泛的痛点：没有交接文档、找不到负责人，大家的工作充斥了考古的“乐趣”。哪怕是批改一个小小的搜寻框组件，从剥除历史的代码到重构新的逻辑，同学竟也花了整整 2 周的工夫。
资源稀缺、包袱惨重，和大家设想中的“技术人转行投奔无线”不一样，在那些“不被看见”和“有限 delay”的年月里，永霸带着团队曾经为“PC 从新登程”这件事轻轻积淀了 4 年。
2022 年 6 月，用户 Reee 想给孩子买九九乘法表卡片，因卡片字小看不清就关上了电脑淘宝网。他惊奇地发现，首页变得清新清朗，很容易找到本人想要的货色，而且通过网页就能和商家旺旺沟通，还能和本人手机端的音讯同步……多年不看网站的他忍不住发了个朋友圈，“不记得以前淘宝网具体长什么样了，但感觉当初很难看也很好用。”那些因工作性质须要淘宝搜图（例如电商美工、家居设计）的 PC 沉闷者们，也忍不住跟帖，“出错的页面变少了”“模块很清晰”……
往年 5 月底，永霸团队上线了一版新的淘宝 PC 首页。这是近些年来改变最大的一版，第一指标集中解决产品可用性的问题。但这并不是 4 年积淀的最终目标，首页改版对于永霸的“PC 革新打算”而言，才刚刚开始。
PC 首页革新打算的背地，是一盘大棋
在团队同学眼里，永霸“很有想法”。在程序员与产品经理“唇齿相依的怨恨”里，他不仅不会砍需要，甚至还要被动减少几个需要倡议。“用户有这个更好，干嘛不搞？”连 UED 也接管过他的倡议，“这里是不是换个字体会更好？”
他当初的团队 20 来人，负责大淘宝所有根底产品的前端开发，蕴含首页、信息流、详情、交易、音讯等。他喜爱做本人产品的用户，为了“一流”的体验，他曾愤愤然回绝了业务侧在微信场景里关上淘宝商品需唤端的需要。“我不是要看商品么？强制拉登录干嘛？”PD 反而被这份正直噎住。
在淘宝做开发，尤其是和用户视觉 & 体验紧紧绑在一起的开发，须要有这种用户视角，以及一颗弱小的心脏。
苓均是这次首页改版中，负责 Web 旺旺产品上线的妹子。“产品能力降级”是永霸这次改版的第二指标，逐渐解决用户那些“为什么手机上能够电脑端不能够”的问题。此前，用户在电脑端与商家沟通，须要独自下载旺旺客户端软件，麻烦且占内存。苓均妹子捣鼓了一个月，自信满满上线放量到 50% 的时候，意想不到的负面反馈把她怼到自闭。原来，很多用户曾经装置了客户端，他们反而不习惯唤起网页会话。还有一些新用户，心愿 Web 版能实现更多除了文字聊天以外的性能。“大家感觉你是淘宝，你就不应该做出这种货色。”苓均无奈笑道。
作为她的 leader 永霸，自打 2016 年负责首页开始，早曾经南征北战、无坚不摧。“用户对咱们有期待，如果有一天用户不必咱们了，那就连骂的声音都隐没了。”第二天一早，苓均将 Web 旺旺回滚到 20% 量级，减少了客户端 or 网页会话的选项，并能勾连默认选项。锦臻是在 2 年前的 3 月退出这个团队的，他同样受影响于永霸的“用户价值”视角。这次首页革新，锦臻被动接过了一些无人问津的近 20 个老页面，将它们一一一一迁徙到可保护的斑马搭建平台上，并在吊顶处减少了“网页无障碍版”能力，可朗诵、可换色、可放大，“让人越不便越好。”
在价值诉求如此清晰的团队，凝聚力变得轻而易举。PC 产品能力降级的背地，还有很多普通用户无奈感知却须要技术团队付出多个日夜的事件。例如，淘宝 PC 技术栈过于古老，居然不反对灰度、不反对回滚，这简直齐全不合乎当下的平安生产标准。这意味着，如果你这一版收回后感觉不够完满，只能抉择再重做一版笼罩，而无奈退回历史版本。
“这就像刷完墙，哪里不喜爱，我就得全屋重刷一次。”永霸挠头，这也正是此次革新打算背地，最为深远的布局和第三指标——“技术能力全线降级”。
在会议室里一起探讨首页搭建计划
可灰度、可回滚只是初阶迭代，这部分当初曾经实现。永霸这 4 年铺垫的是，“一种反对多端的架构，你比如说明天淘宝 App 上线一个新性能，一两周后我就能顺滑迁徙到 PC 淘宝、H5 淘宝。这件事十分重要，这件事往年没有显著停顿咱们都能承受，但肯定要保持做。”
“做成一件事件”有很多因素，“保持”是老本最低的一种。低成本复制迁徙产品性能，并保障用户在各个渠道上的体验统一，不是一件容易的事。2018 年，永霸团队搬到了金辉大厦，过后接到需要开发 H5 淘宝，目标是为了在非淘宝的 APP 里关上一个商品页面（比方支付宝里），就和在淘宝里的感触差不多。但因为基建设施差异太大，H5 淘宝的页面关上速度简直须要 2 - 5 秒，低端机甚至可能 10 秒以上，而且页面信息也不够平安。于是 19 年，他们在简直没有业务诉求的状况下被动做了小程序，在过后场景下，这是更容易拉齐体验的技术抉择。
这件事启发到永霸，其实 PC 淘宝须要的，就是这样一个能力残缺的平台架构，改掉旧版构造的同时，还能与时俱进地跟上手机淘宝迭代的步调。“改版不是你明天改上一版，下次没资源没管理者关注就不做了。如果有这样一种低成本可迁徙的技术计划，那手机上不管迭代个什么性能，PC 马上就能不花力量地跟上，何乐而不为。”
永霸笑着龇开一颗小虎牙，“我先努力做到【能不能】，业务本人再来决策【要不要】。”
这才是这个从 16 年起守护了 PC 首页 2000 多天的男人，真正的指标。从“拿着锤子找钉子”到“找准钉子造锤子”，技术为业务提前布局，开掘当初不是、但未来可能是强诉求的事件，而从用户的角度，这才是更为久远地，可能守护消费者价值的形式，而不是明天听一做一、做一歇一。
不转岗，做正确的事，技术的价值实现不拘于畛域
2019 年 6 月，西溪园区 6 号楼负一层，做了一场 PC 首页历年版本的大合集展览。永霸感叹，“有好几个版本都是我开发的，感觉本人也属于历史的局部。”
永霸负责过的 PC 首页们（局部）
“历史”流淌的过程中，有共事来到了，有共事转岗了，他们大部分抉择了客户端或者服务端，抛开业务价值和消费者价值，大家心领神会地藏着一个问题：你怎么还在做 PC 淘宝？
技术这一行，仿佛存在着非常明显的“时代趋势”焦虑。“xxx 前景不好了”“yyy 凉了吗”“如何评估 zzz 的趋势，当初转还来不来得及”，那些挑逗人心的话题充斥在各个角落，胆怯被风口狠狠地甩在身后，更胆怯被“后浪”拍扁在沙滩之上。谁都明确，PC 的时代曾经不可能回去了。
永霸 14 年校招入职淘宝，16 年开始独立负责首页，在当年连测试都没有且 TMS 等各设施不欠缺的状况下，他仍然交出了一份足以令过后淘宝前端 & 无线负责人发全员邮件夸赞他的答卷。17 年降职当前，他也已经迷茫过，场景没有变动的状况下，他曾经做不出更新的高度了。更头疼的是，19 年在他刚开始接手团队的时候，因各种起因人走了一半儿。“不是我做错了什么，但心里还是很有压力的。”
锦臻退出团队 2 年，做着做着也默默眼红“隔壁”挪动端淘宝的页面数据。他并不拆穿本人的困惑：“咱们 PC 页面的 ROI 是不是太低了？我做这个能被看到吗？”即使永霸集体会有情怀的因素留在 PC，但对这些年老工程师们来说，他们须要更亮眼的机会和挑战，这是更难、更事实的问题。
“我的长处就是晓得做什么是对的，并且违心保持去做。”这是永霸引以为傲的长处和处事哲学。17 年在 ALL IN 无线的浪潮下，他从迷茫到释然，“技术只是帮忙业务解决问题的伎俩，业务的状态、应用的技术是多样的，但解决业务问题的能力是不会变动的。”在团队欢快的某个下午“吃水果流动”后，他开导锦臻，一个技术的价值不在于你的计划多先进，框架多厉害，而是是否能够更好地满足业务需要，发明出新的货色。对集体而言，“解决问题的能力是否有增长”更要害，给你任何一个产品，都能做到超出预期，你才有更多的选择权。“再说了，你绩效是我打的，你还放心啥。”永霸开玩笑似的拍拍小兄弟的肩。
学会提早满足，远离聚光灯下，承受挑战和质疑，保持正确的事件，急躁期待开花结果，他总是不厌其烦地与团队沟通这一点。刚退出团队才 3 个月的苓均妹子也深感，永霸是个“每个人都能顾及到”的 leader，喜爱沟通和输出。团队内常常相互 Code Review，“但永霸是看的最认真、反馈批注最详尽的”。“我第一次见他之前，看照片还认为是个中年男子，但其实很年老有生机哈哈。”
伪·中年男子·永霸在交换中，很喜爱用“明天”这个词。“明天咱们把本人当做是用户，能比拟难受地去电脑上、手机上购物，我感觉这事儿始终是有价值的。”“以往前端拿到淘宝的技术大奖是挺难的，明天咱们作为前端，假设能把交易转化率晋升 1%，那能带来的业务价值都是相当微小的。”对“明天”的了解，意味着对现实状况的把握和思考，他最爱的读物是毛选，心愿本人是一个可能输入思考和见解的人。为此，早晨 9 点半后直至睡前，他常给本人安顿“与诸子百家、秦皇汉武”的会见工夫，“我违心去钻研一些货色，历史能帮人建设本人的世界观，风轻云淡地去看过来和当初。”
永霸可爱的书架
彩色裤子、红色上衣是永霸最常见的形象，他自嘲本人生存中是一个无趣的人，“和工作相同，生存中我心愿被认为没有想法。”没有想法，天然也没有攀比，他过得简略、纯正和专一，简略听歌、跑步、游戏，看美食、看游览，看较量，不容易被焦虑裹挟，也天然更能在这个时代守住初心。
继 PC 首页改版上线后，上个月底，背景更为简单的 PC 商品详情页 2.0 也上线了。秉承着与首页一致性的格调，清晰洁净，体验晦涩，目前曾经在女装类目放量。下一步，他们会逐渐实现全类目标商详革新，再下一步，还将实现全站内搜索的降级。而比照同行来说，PC 淘宝这次的产品升级和技术改造，仍然是走在前沿的。
工号 7 结尾的五位数，见证了永霸在淘宝的几千个日夜。这位来自福建的老哥，曾经安稳地在幻想边落脚生根，并尽全力守护着。“有些老利用老代码曾经无人问津，这时候谁最痛谁上，谁违心往前一步谁上。这考验的是本人保持与置信那些对的事件，无关绩效。”
历史的倒退是螺旋式回升的，那些只有认为是对的事件，将来肯定会产生 / 被证实的，这是工程师永霸的信念。
永霸和团队同学们在双 11