核心能力 / 快、稳、先给重点
首屏判断
首屏不是把所有卖点塞进一个视口，而是在有限时间里建立清晰预期。我会同时判断内容优先级、加载成本、视觉焦点和下一步操作，让用户在页面尚未完全加载时也能理解产品价值。
先用白话理解
这项能力到底是什么？
首屏就是打开页面后还没有滚动时看到的区域。首屏判断，是决定这里最先告诉用户什么。
我的判断方式
内容先于装饰
先确认标题、说明、主操作和可信信息，再决定背景图、动画与辅助数据是否应该进入首屏。
性能进入设计阶段
图片尺寸、字体加载、服务端输出和交互脚本不是开发末期的优化项，而是首屏方案的一部分。
移动端重新排序
移动端不是缩小桌面稿，需要重新判断信息顺序、触控距离与首屏高度。
交付检查
落地时会确认什么
- 主标题是否能独立说明页面价值
- 关键操作是否在无需滚动的位置出现
- 首屏图片是否声明尺寸并控制加载优先级
- 弱网或脚本未加载时核心内容是否仍然可读
可以怎样一步步做
- 写下用户进入页面后最想确认的问题
- 只保留一个主标题、一段说明和一个主要操作
- 检查图片与字体是否拖慢内容出现
- 在手机和弱网环境再检查一次
常见误区
- 把所有卖点塞进第一屏
- 使用体积过大的背景视频
- 只检查桌面宽屏效果
术语解释
- 首屏：页面打开后无需滚动即可看到的区域
- LCP：主要内容显示速度指标
- CLS：页面加载时的布局跳动指标