F6.06.3illustration load cost设计研究
插画的加载成本与信息密度不成比例
别名: 插画体积 · 空状态性能 · asset weight
概念解释
一张说「还没有消息」的场景画，常常比它旁边那句说明重几十倍：更大的文件、更多的解码、更长的首次绘制。它带上屏的信息几乎仍是那几个字已经说过的。加载成本按字节和主线程时间计，信息密度按新说出的事实计，两笔账对不上。空页因此变成最重的页之一——偏偏这页上几乎没有内容。
机制
栅格插画按像素付费，矢量插画按路径付费，带阴影和纹理的稿两种费用一起付。说明文字按字数付费，几乎可以忽略。空状态的信息量有上限：状态（空）、原因（还没有 / 滤没了）、下一步（可选）。插画不增加这三项里的任何一项，却把空页的关键路径拉长：要等图回来，页才看起来「做完了」。弱网或低端机上，图比字晚到，空白先被当成故障，插画原本想给的温度还没出现，怀疑已经出现。成本与密度不成比例，不是因为插画「不美」，是因为它在一个信息已经说完的位置上，仍按一张内容图的规格在收费。
怎么研究
把空页的关键路径拆开：文案节点 vs 插画节点的字节、解码时间、首次内容绘制。自变量是有无插画、格式（栅格 / 矢量）、是否惰性加载。因变量是空页可交互时间、以及「用户是否在图出现前离开或重试」。实验室 Wi-Fi 会把问题藏掉，应用目标市场的网速档来测。主观「这页看起来完整的时间」可以收，但不要替代时间线。
边界
- 品牌首次启动愿意为情绪付一笔较大的加载，那是见面礼，不是每次零结果都该付的税。
- 本地打包、体积很小的矢量，成本可以低到可以忽略；一旦改成大图、动画、多倍图集，比例立刻恶化。
- 这条不禁止空页用插画，它要求用信息已经说完之后还在付的那笔账来决定留不留、留多重。
- 假示能点击是另一类浪费（人的时间），不要和字节混成一个「插画不好」的总分。
怎么落地
- 给空状态插画设体积上限，超过就减路径、去纹理、改小尺寸矢量，而不是用更高清的栅格去「保证清晰」。
- 字先到、图后到：说明和按钮走关键路径，插画惰性或不阻塞可交互。
- 验证办法：在目标网速档录空页时间线。插画节点明显长于文案节点、且用户在图出现前开始重试，成本就已经大于它带上屏的那点信息。