物联网老兵亲授：建站3步瘦身，加载快1.8倍

　　跟老张在机房吵完那会儿，空调外机正漏雨，滴答滴答砸在配电柜顶上，声音特别闷。他甩了张截图给我看，说“你这页面加载十八秒，比我们三相电掉相还慢”。我没接话，把泡面盒往旁边推了推——红烧牛肉味，汤还在晃。他搓了下左手中指第二节，指甲盖发白，像常年摸RS485线留下的印子。

　　建站三步瘦身？不是我写的标题，是市场部昨天塞进我邮箱的推送草稿。我回了句“别发”，被行政小李截胡转发了全员——她当时正在接电话，说了句“王工您稍等”，然后点的发送。我原以为只是又一轮PPT式复盘，结果下午三点十七分，运维日志弹出来：同一台树莓派4B（记不清是B0还是B1了，反正没换过电源）跑着nginx+Vue，前端打包后从三百七十二KB压到一百三十九，首屏渲染快了一点八倍。不是测试环境——是挂在线上三天的温湿度监测后台，客户连着看了六小时数据曲线都没卡顿。

　　第一步：砍掉所有CDN的“智能预加载”。不是关配置，是直接删掉那行，连同它调用的fetch-prefetch.js。我敢打包票：去年九月无锡那批LoRa网关面板，就因为这个脚本多抓了三次favicon.ico，导致某天凌晨两点集中上报失败，设备掉线率爬到百分之四点二。没人查JS，全在查基站信噪比。直到我翻到浏览器Network里那个灰色的小箭头，点了三次“disable cache”才看清它偷偷加了两个referer字段。

　　第二步：不碰CSS，只动HTML里的。改成。就这么改。不是所有视频都这么干，但凡带“实时流”字样的标签页，全改。有次深圳现场调试，客户指着屏幕问我“为什么摄像头画面出来要等五秒”，我说先看看是不是preload=auto——他立刻切出开发者工具，鼠标悬停在video标签上，手抖了一下，点歪了，弹出个console报错：Uncaught (in promise) DOMException: The element has no supported sources。他骂了句脏话，顺手把preload删了。画面对上了。后来我们再没动过那行。

　　第三步最糙：把index.html里所有内联SVG路径里的fill="#000000"替换成fill="currentColor"，然后在里补一句:not(.legacy) svg{color:#000}。不是为了适配暗色模式，是让Webpack不用为每个SVG生成单独的hash文件名。有个项目，SVG图标共一百一十六个，编译后生成两百零三份css哈希——其中六十四个根本没被引用。删完之后build时间少了十一秒。不是优化，是刮痧。刮掉浮在表面的毛刺。

　　上周五去东莞，坐高铁，车刚过樟木头站，对面座一个穿灰夹克的男人掏出手机刷短视频，刷到第三个就卡住，进度条跳帧。他点了两次刷新，手指按在右下角那个小圆圈上没抬起来，盯着看了七秒。我就想，我们当年写Modbus RTU主站程序时，一个包超时阈值设成一百五十毫秒，超过就重发——没人质疑为什么是一百五十，也没人问为什么不能是一百二十或一百八十。就是定死了。现在网页加载十八秒，大家反而开始问“为什么不能是十六秒”。

　　桌上有半包抽纸，蓝包装，边角翘起来了。小李端着保温杯路过，杯底磕在金属桌面，叮一声。她没说话，但我看见她右手无名指指甲缝里嵌着一点黑灰，应该是上午擦工控屏留下的。她说她表弟在做小程序，用Taro，昨天问她“能不能让首页骨架屏提前三百毫秒显示”，我说“能，你让他把骨架屏的CSS从style标签挪到body⭐️⭐️⭐️⭐️但别用link引入”。她愣了三秒，点头走了，保温杯还冒着气。我没补充说：那三秒延迟，其实来自Webpack dev server默认的sourcemap inline策略，和骨架屏没关系。说了也白说。

文章配图，仅供参考

　　优胜劣汰站得住的地方，不是技术多漂亮。是活下来的那批人，没时间美化错误。就像前年合肥那次固件升级，三十七台边缘盒子全崩在update.sh第十四行，不是代码问题，是SD卡批量老化——但客户不管这个，只认“上线失败”。我们连夜改了个新脚本，开头就加一句：if [ ! -w /dev/mmcblk0p1 ]; then echo "card dead"; exit 1; fi。没有日志，没有重试，就一行判断，打完就走。上线成功。没人夸它优雅。但第二天没人打电话来骂。

　　所以“三步瘦身”不是方法论。是淘汰赛的幸存者随手划拉的划痕。快一点八倍？可能下次是二点三倍，也可能下周被某个新的WebSocket心跳包吃掉零点五倍。我现在桌上还有个未拆封的ESP32-S3开发板，贴纸没撕，快递单号被咖啡渍糊住了，看不清。我原以为要用它测BLE Mesh信道干扰，结果昨天下班前收到邮件，说客户改需求了——只要HTTP长轮询。我就把它塞进抽屉左边第三格了，和两块报废的STM32F103一起。它们还在响，滋滋的，很轻。

　　要不要试试把 preload="metadata" 改成 preload="none" 再压一次？我拿不准。刚才试过一次，但测试机风扇忽然变响，我停了。这事儿得下午三点后再说——那时候空调外机不滴水。

（编辑：我爱制作网_沈阳站长网）

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