首页优先解决首次访问的加载速度,内页优先解决内容呈现与后续浏览的连贯性。多人协作时,把首页当作“门面性能预算”,把内页当作“内容性能预算”,分别设定指标、分别验收,能减少互相等待和返工。
首页通常承载品牌展示、导航入口和主要转化动作,用户往往从外部链接、广告或搜索结果直接进入。它的速度任务是尽快让首屏可用,让用户知道这是什么站、能去哪里。内页通常承载文章、产品详情或服务说明,用户进入后更关注内容能否顺利阅读、图片能否及时出现、相关链接能否继续点击。它的速度任务是保证主要内容稳定呈现,并让页面内跳转不中断。
两者不是谁更重要,而是验收口径不同。首页可以接受少量非关键模块延后加载,内页则应避免正文区域被大量装饰性资源拖慢。多人协作时,如果所有人只盯一个“整站速度分”,首页和内页的优化目标会互相挤压,最后谁都不清楚该改哪里。
可以把任务分成三层,每层指定一个负责人,交付物写清楚。
如果团队只有两个人,也建议把“公共资源”和“页面内容”分开。否则容易出现首页改完内页变慢、内页改完首页又回退的情况。
不要凭感觉决定顺序,按下面步骤走一遍:
适用条件是页面模板相对固定、团队能拿到同一套测量结果。如果连样本都无法统一,先统一测量方法,再谈分配任务。
看三类结果:首屏是否快速可读、主要操作是否可点击、页面是否在加载过程中频繁跳动。不要只看一个总分,也不要把首页的分数直接套到内页。首页分数高不代表文章页阅读体验好,内页分数高也不代表首页转化入口顺畅。
可以做一个简单对比:假设首页首屏在较短时间内出现标题和导航,但内页正文图片迟迟不显示,那么优先改内页图片加载方式,而不是继续压缩首页脚本。反过来,如果内页正文很快出现,首页却长时间空白,就优先检查首页首屏资源和阻塞渲染的公共代码。这里的“较快”“迟迟”要替换成团队实际记录的时间,不能凭印象。
每次优化前写清三件事:改哪个页面类型、改哪个具体资源、用什么样本验收。优化后只对比同一页面类型的样本,不拿首页结果证明内页变好。多人协作时,把公共资源修改权限收拢到一个人,页面内容修改分给内容负责人,验收记录单独保存。这样首页和内页的任务不会互相覆盖,返工也会减少。
下一步,选一个首页和一个内页,分别记录首屏主要内容的出现时间,再决定本轮只改哪一类页面。