创业搜索架构：流量、合规与效能的三重突破

文章配图，仅供参考

　　去年九月上线那版搜索页，首屏救火救到凌晨三点十七分。不是加载慢，是加载完不展示结果——空白两秒半，用户手指已经划走了。前端甩过来一份 bundle 分析，我把 Lighthouse 跑分截图发到群里，七个人在线，没人回。后来PM进来问“首屏有loading吗”，我说有，但loading比真实渲染快十八毫秒，用户看到的是白屏+loading消失+白屏，三连。我原以为只要加个骨架屏就能过，结果骨架一上来，后端缓存失效逻辑全乱，连带支付页的ETag都错乱了两次。这个我敢打包票，因为那天我盯着Charles抓包看了四十三分钟，直到对面工程师换了一根Type-C充电线，蓝光闪了七下，我就记住了。

　　创业搜索架构：流量、合规与效能的三重突破？扯淡。它就一个优点：优胜劣汰。不是系统优胜劣汰，是人。干三个月没跑出QPS增长的，自己删分支；写了个聚合路由但绕不开GDPR字段过滤的，第二天就去交接离职交接单；连SRI校验都懒得配的，连build都不让你过。这不是设计，这是筛子。筛到最后剩七个人，其中三个是我喊来补漏的——一个前端把fetch封装成retryableFetch时，顺手把cookie策略从lax改成strict；一个后端在改ES查询DSL之前，先翻了六条CNIL判例；还有一个实习生，在灰度切流前一天改了nginx conf的gzip_vary，加了s-maxage=31536000，就因为觉得CDN账单长得太像他老家的电费单。这仨活下来了。其他人？连KPI折算公式都没看完，人就没了。

　　下午三点十七分，茶水间自动售货机又卡住，我塞了两次硬币，第三瓶冰美式出来时已经歪了四十五度。谁去倒水？是那个刚接手搜索日志的后端，左手举着保温杯，右手在平板上画Query Flow Diagram，水倒到地上三分之一，他还在说“要不要把click-through-rate埋点提前到fetch发起前”。我打断他：“你先把日志里的UA字段长度限制放开，上周有个用户搜‘北京朝阳区酒仙桥路二十二号院东门右转第三个垃圾桶’，直接把logstash pipeline撑崩了。”他说好，转身去倒第四杯，保温杯盖子没拧紧，滴了三滴在地砖缝里——就是左数第七块、离墙根十九厘米那块。

　　合规？别扯数据跨境。真要命的是那个被我们叫“小绿标”的东西：iOS WKWebView里打开搜索页，顶部状态栏偶尔绿色，偶尔不绿。不是bug，是Apple悄悄调了Webkit的security policy，只有当整个请求链路上所有CSP header都含report-uri且路径可访问时，才显示绿标。我们盯了五天，最后发现是CDN边缘节点某个老旧WAF规则把report-uri的POST响应体截了三百七十二 KB。没人写文档，没人修配置，只在钉钉备注里写了句“建议把report-uri设成/static/csp-report”。这话还是PM写的。我说这不像PM能写的，她抬头看我一眼，把手里那根没拆封的绿箭口香糖捏扁了，说：“上周法务让我签三份协议，其中两份我没看懂。这个我也看不懂，但我知道它会影响苹果审核通过率。”

　　效能？去年九月那版跑得其实挺快。FCP十九毫秒，TTFB压到一百零三毫秒。问题是你敢不敢让这个速度生效。我们加了AB实验分流：对老用户（安装超过六个月）走旧链路，对新用户强制走新搜索。结果新用户次日留存降了四点七个点——不是因为慢，是因为快得不自然。首页推荐词没了，猜你想搜没了，输入框默认焦点延迟了零点三秒……系统太干净，用户觉得“这网站是不是坏了”。我们后来在首屏注入了一行JS：if (window.navigator.userAgent.includes('iPhone')) { setTimeout(() => { document.querySelector('#search-input').focus(); }, 280); }。就为了那一丁点延迟感。这个我说不准——到底是用户体验需要毛刺感，还是我们已经被毛刺驯化了？反正那个实习生现在每次提交都写注释：“此处故意延迟，防反直觉。”

　　我桌角还堆着三张没报销的发票：一张是咖啡机维修费（八百六十元），一张是应急打印店加急费（二百零五元），最后一张，写着“SSL证书续费（非主流CA，仅支持HTTP/3协商）”，一千三百二十元。没贴票据，一直压在《Web Content Accessibility Guidelines》第三版打印稿下面——那是去年九月第一天，我在会议室白板上画完架构图后，随手抽出来拍在墙上镇场子的。现在图擦了，书还在，边角卷了，字迹模糊，第127页有个咖啡渍，形状像只耳朵。

　　下一步？先干掉那个全局引入的lodash.debounce。它占了压缩后bundle的百分之六点三，但只在一个搜索框防抖里用了三次。我已经把它拆成三个独立函数，每个命名带具体业务上下文，比如debounceOnSearchBlur。至于要不要再推一次合并请求？我刚勾选了commit message框，又反悔删掉两行，重输了一遍，点了两次“Confirm merge”，第三次才成功。中间弹出个Chrome DevTools通知：“You have open DevTools. Consider closing them before deploy.” 我没关。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!