为什么PageSpeed Insights中的百分比条显示存在差异？

你提到的不同颜色的百分比条是Core Web Vitals（核心网页指标）真实用户评分的可视化组件，它的显示与否和lazy loading没有直接关联，具体规则如下：

• 该组件仅当CrUX（Chrome 用户体验报告）数据库中存在对应页面足够的真实用户访问采样数据时才会展示：其中红色区间代表评分「较差」、黄色代表「需改进」、绿色代表「良好」，填充长度代表该页面在同类型站点中的性能排名百分位
• 若页面为新上线页面、访问量极低，或是没有被纳入CrUX统计的小众类型页面，满足不了最低采样数量要求，PSI就不会展示该百分比条，仅会输出实验室模拟环境下的测试得分
• 同一站点下不同页面显示状态不同是正常现象：CrUX的统计维度是页面级而非站点级，即使站点整体有统计数据，访问量偏低的个别子页面也会因采样不足不展示该组件

内容的提问来源于stack exchange，提问作者Maxi Campos