移动端首页折叠：小屏上的栏目优先级

移动端访问已占51吃瓜网全站流量的七成以上，小屏首页砍掉三屏结构，改为单列信息流：头条4条置顶，快讯流紧随其后，频道入口折叠为横向滑动条。本文说明移动端各模块的保留与折叠清单、专题入口的新位置，以及夜间模式下版面的两处细节调整。

先报数字。51吃瓜网移动端访问占比已超过七成，晚间20点到23点的高峰时段能到八成。所以移动端版面不是桌面版的缩小版，而是单独设计的一套：单列信息流，头条4条置顶展示，快讯流紧随其后，频道入口改成顶部横向滑动条，专题与回顾内容移到页面下半段。设计原则只有1条：小屏上先给结论，再给路径，深读入口往后放，但一个都不能少。

哪些模块被折叠

桌面版的边栏在移动端整体下沉，热榜改为页面中段的横向卡片，标签云默认收起，点开才展开。

折叠不等于删除。所有被折叠的模块在页面内都有明确入口：热榜卡片左右滑动可看全10条，标签云点标题行展开40个标签，专题入口在快讯流第15条之后插入1次。编辑台统计过折叠后的点击变化：热榜点击下降不到一成，标签云下降约三成，在可接受范围内。唯一的要求是首屏加载速度：移动端首屏只加载头条与前10条快讯的图片，其余图片滚动到才加载，保证弱网环境下3秒内能看到头条标题。

夜间模式的两处调整

夜间模式除配色变深外，版面有2处实质调整：快讯流默认只展开标题，摘要点开才显示；头条区轮换提醒静默。

这两处调整针对的是睡前刷手机的阅读场景：信息密度降下来，误触跳转少一点。夜间模式的开启时间可由读者自己设定，默认跟随系统。编辑台每半年做1次移动端可用性复盘，最近1次复盘后新增的是话题页顶部的进度提示，告诉读者当前话题时间线共有多少个节点、现在读到第几个，长话题读起来心里更有数。读者若在移动端发现入口缺失，先检查是否处于折叠状态，再通过反馈通道报障，编辑台按工作日当天回复。

大屏与小屏的内容一致性

读者常问：手机版看到的话题是不是比电脑版少？答案是不少，只是排队方式不同。

两端共用同一套内容后台，话题、节点、专题数据完全一致，差异只在呈现层：移动端把边栏下沉、把频道入口折叠、把第三屏内容顺延到下滑更深处。编辑台每周抽查1次两端一致性，对照同一时刻的头条名单与快讯前20条，发现过2次移动端缓存导致头条延迟更新的问题，均已通过缩短缓存时间修复，现在两端头条的同步差控制在5分钟以内。还有一个细节是字体与行距：移动端正文字号比桌面版大2号，行距放宽到1.8倍，时间线节点的来源标注改用图标加文字双标识，都是为了小屏上扫读不费眼。这些调整不写进更新日志，但读者的眼睛能感知到，移动端平均阅读时长在过去半年涨了约一成，编辑台把这看作折叠方案没有牺牲深读体验的证据。

弱网与低端机型的照顾

移动端读者里有相当比例使用弱网与旧机型，版面设计为此留了专门余量：首屏图片总量控制在300KB以内，时间线图片默认以压缩版加载，原图点开才调取。

编辑台每月用1台3年前的中端机做真机测试，测首屏打开时间与滑动帧率，指标不达标就先优化再上线新功能。还有1项照顾是离线缓存：读者打开过的话题页会被缓存到本地，地铁里断网时能接着读完，节点更新等联网后自动补齐。这些细节不产生任何宣传点，但决定了读者在真实使用环境里会不会留下来。一个聚合站的移动端体验，拼的从来不是动效多炫，而是高峰时段、地铁里面、旧手机上，它还能不能稳稳打开，这个标准本站每月自查1次。

平板端的中间形态

平板访问约占移动端的1成，版面取两端之间的形态：双列排布，边栏恢复到右侧，但频道入口仍保持横向滑动。

编辑台不为平板单独设计第三套逻辑，只做列数与边栏位置的适配，内容模块与顺序与手机端完全一致。这个取舍保证了三端读者的使用习惯可以互相迁移，也把维护成本压在可控范围内，版式迭代时三端同步上线，不出现某端落后一个版本的情况。