轮播图第三帧点击率只有0.4%，却没人愿意先动手删它

老板：这五张图是五个部门的脸面

评审会上，五张轮播图的先后顺序讨论了四十分钟。第一张是集团形象，第二张是主力产品线，第三张是去年拿的行业奖项，第四张是新成立的事业部，第五张是校园招聘。每张图背后都站着一位部门负责人，谁被排到第五谁当场脸色不好看。老板的立场其实很朴素：官网是对外的门面，客户第一眼看到的东西不能有缺漏，五块业务少露一块，对内就等于传递了不重视的信号。他不看跳出率，也不关心图片加载多花了几百毫秒，他要的是「完整」。这个诉求本身并不荒谬，荒谬的是它被塞进了全站最贵、最挤的那块位置。

麻烦也在这里：轮播位一旦成为内部资源分配的产物，它就不再是网站设计问题，而是组织问题。想删掉任何一帧，都需要一个比「数据不好」更硬的理由。

市场负责人：她想删，但删不动

市场部的考核指标是每月留资数量，她比谁都清楚轮播不产生留资。埋点数据摆在那里：首屏轮播整体点击率一般在百分之一到百分之二点五之间，其中第一帧独占八成以上，第三帧往后基本落在千分之五以下，最后一帧常常整月只有个位数点击。她算过一笔账，把这块位置换成一个明确的方案咨询入口，按同样的首屏曝光量，留资转化能翻好几倍。

但提出删图的代价是要向四个部门逐一解释，而她手上的授权只够调整文案。于是出现了那种典型的折中：把自动切换从四秒放慢到六秒，加上左右箭头和圆点导航，再给每张图配一句更醒目的短标题。结果是没有一个指标变好。访客在首屏的平均停留只有八到十五秒，六秒一帧意味着他最多看到两张，剩下三张永远活在数据报表的末尾。

设计师：轮播是需求打架时的排水沟

做网站设计的人对轮播有一种复杂的感情。它是最顺手的和稀泥工具——当甲方内部排不出优先级，把所有诉求塞进一个会自己动的容器里，评审就能过。代价在下一步才显现：主视觉不能为任何一条业务做定制，字号、遮罩浓度、文字安全区都必须同时兼容五种完全不同的画面，深色车间照片和浅色产品渲染图共用一套白色标题，只能靠压一层百分之四十的黑色蒙版兜底，于是五张图看上去都灰扑扑的。

更实在的损失是纵向空间。为了让五张图都显得体面，轮播高度通常被拉到六百到八百像素，十四寸笔记本上一屏刚好被它占满，真正承担说服力的产品矩阵、客户名单、资质证书全部被推到折叠线以下。首屏只有一个主张的时候，网站设计才立得住；有五个主张，等于没有主张。

前端：一个组件吃掉小半个性能预算

前端算的是另一本账。五张一九二零乘八百的主图，就算压到二百五十KB一张，合计也是一点二MB起步；美工直接给的原图常常超过五百KB，五张加起来接近三MB。懒加载在这里帮不上忙，因为第一帧本身就是最大内容绘制元素，必须优先加载，而后面几帧只要写进了DOM，浏览器的预加载扫描器多半也会顺手去请求。再叠上轮播库本身，主流方案压缩后约四十KB的脚本加样式表，首屏的脚本执行时间被拉长一两百毫秒。

移动端还得再来一遍。横版主图在竖屏上裁成一团糊，必须单独出一套七百五十宽的图，图片维护量直接翻倍。自动播放还带来两个不容易被察觉的问题：切换动画期间的重绘会拖低页面交互响应，屏幕阅读器则会被不断变化的内容反复打断。这些账单最后都记在跳出率上，没有人会把它算到轮播头上。

运营：上线三个月后就没人再换图了

交付时的承诺是「轮播位可以灵活运营，随时换活动」。实际情况是，后台换一张图要准备电脑端、平板、手机三个尺寸，文案还得过市场审核，一次折腾两小时起。第一个月热情高，换了三次；第三个月开始，图就冻在那里。半年后回头看，首页第四帧还挂着早就结束的展会预告，落款日期是去年。

内容腐坏对信任的伤害，比慢几百毫秒严重得多。客户点进来看到过期信息，第一反应不是「这家公司懒」，而是「这家公司还在做吗」。

销售：客户压根没看见那张图

销售最常遇到的场景是，电话里客户问某个规格能不能定制，而这个答案就写在第四帧上。他把官网链接发过去，客户打开时页面正停在第二帧的形象图，看两眼就关掉了。销售真正需要的不是好看的首页，而是一个能直接发给客户、打开就是对应内容的页面地址。轮播恰恰是最不可寻址的东西：没有独立网址，没法追踪来源，客户看到第几帧全凭运气。

把这块位置拆成四层分配下去

替代方案不是「删掉轮播」四个字这么简单，它得让每个角色都拿到自己要的东西。网站设计上真正要做的，是把原本挤在同一个位置的五种诉求，按重要度分配到不同层级。

第一层，首屏换成单一主视觉：一句十五到二十字的价值主张，一个主按钮用于获取方案或报价，一个次级按钮通向案例，背景用一张静态图或一段静音短视频。这一层只服务转化，不承载任何部门的露出诉求。第二层，紧挨着首屏放三到四个并列的业务入口卡，图标加一行说明加箭头。老板要的「完整」在这里兑现，而且卡片是常驻可见的，比轮到第五帧才出现的曝光实在得多。

第三层，把资质、奖项、合作客户标识做成一条横向滚动的信任带，放在第二屏或第三屏。它可以继续自动滚动，因为它不承担点击任务，只提供背景音量。第四层，给每条业务线做独立落地页，销售发链接时直接指过去，广告投放也不再统一打首页，各走各的入口。部门要的其实是流量，不是首屏的座位，这一步能把矛盾从版面之争转移成效果之争。

协调的抓手，在一张预算表和一个实验期

光有方案不解决人的问题。能让这件事真正推进下去的，是三个可以写进流程的约束。

第一个是给首屏立一张预算表：最多一个主张、两个按钮、图片总重不超过四百KB、最大内容绘制控制在两秒以内。任何人想往首屏加东西，不是去找设计师商量，而是从这张表里换掉现有的一项。资源有限这件事一旦写成数字，讨论就从「谁更重要」变成「拿什么换」，这张表也是往后每次网站设计评审唯一需要对齐的东西。

第二个是把删图变成有期限的实验。不搞一刀切，做两周分流测试，一半流量看轮播版，一半看单图版，只比两个数：表单提交数和首屏按钮点击率。数据变好就保留，变差就退回去。给出退路，反对的人才不会用政治方式抵抗。第三个是把修改成本明码标价：换一次轮播图要出三套尺寸、走一轮审核、占用前端半天工时。成本一旦可见，很多「必须放上去」的需求自己就撤了。

下一次评审会，与其继续争第五张图该放谁的产品，不如先把这张预算表打印出来，摆在会议桌中间。