前端架构师私藏：视觉与性能双优实战手册

　　三个月前那场面试，空调在头顶滴水，我盯着候选人简历上“精通视觉与性能优化”那行字，突然想起上周群里有人吐槽“现在前端架构师简历里没个双优手册都不好意思出门”。走廊消毒水味混着前台打电话的嗓门飘进来，我原以为这哥们儿会掏出本什么秘籍，结果他推过来个GitHub链接——嚯，自研的构建工具，star数刚过三位数，其中一半还是他自己刷的。

　　他转着笔说：“您看这工具链，能自动把图片压缩到临界值，还能根据网络环境动态加载CSS模块。”我点开他演示的页面，加载速度确实快，但滚动时字体突然闪了一下——他解释是“按需加载的字体文件没预加载”，说完又补了句“不过用户感知不到，毕竟滚动才触发”。我翻他代码仓库，发现构建脚本里硬编码了十几个浏览器UA判断，注释写着“临时方案，等有空重构”。

　　这时候隔壁会议室突然爆发出笑声，他转头往门缝里瞥了一眼，简历在桌上转了半圈，正好把“三年架构经验”那行转到我这边。我指着他仓库里的issue列表：“这堆‘性能倒退’的标签，怎么全是近三个月的？”他愣了下，说“团队新人没按手册来”。我差点笑出声——合着您这“私藏手册”是给下属背锅用的？

　　后来聊到监控体系，他说用Lighthouse跑分，我随口问：“如果用户设备比Lighthouse基准差怎么办？”他卡了五秒，说“应该…不会差太多吧”。我低头看表，发现咖啡渍把表格上一处数据糊了，抬头说：“要不咱换个场景？假设用户用2G网络，首屏加载超3秒，你手册里怎么写？”他开始翻手机，说“我查下笔记”，我摆摆手：“算了，你刚才说的‘优胜劣汰’，我挺认同的。”

　　他走后我在走廊抽了根烟，想起上周面过的另一个候选人——那姑娘简历里就写了“熟悉Webpack”，但聊到代码分割时，她突然说：“我们之前项目把第三方库全拆成异步模块，结果用户首次加载要下十几个小文件，后来我改了策略，把高频使用的库合并成两个大文件，首屏时间降了40%。”没提什么手册，没晒star数，就说了个具体问题怎么解决的。我当时就想，这他妈才是“私藏”啊。

　　回会议室收拾东西，发现他落了本打印的“手册”，扉页写着“内部资料，严禁外传”。我翻到“性能优化”章节，第一条是“图片压缩用TinyPNG”，第二条是“CSS用BEM命名规范”——这他妈不是十年前的教程吗？第三条更绝：“避免使用iframe，会影响SEO”——现在谁还用iframe啊？我合上书，突然想起他转笔时笔帽掉地上的声音，清脆得像在打脸。

文章配图，仅供参考

　　上周群里又有人晒“双优手册”，我顺手回了句：“要我说，真私藏的手册就两页：一页写‘别信网上那些教程’，另一页写‘出了问题自己扛’。”没人接话，但过了两分钟，有个人发了张截图——他把自己的构建工具仓库删了，简介改成“正在重构，这次不写手册了”。

　　对了，那本“严禁外传”的手册，我后来放在茶水间了，现在上面全是咖啡渍和饼干渣。昨天保洁阿姨问我：“这破书还要吗？”我说：“留着吧，当个反面教材挺好。”她“哦”了一声，把书扔进垃圾桶时，封面上的“私藏”两个字正好朝上，红得刺眼。

（编辑：站长网）

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