跳到主要内容
移动端为啥只有一张壁纸-为了冲评分
博客 OneBlog

移动端为啥只有一张壁纸-为了冲评分

293 字 1 分钟 -- 阅读
最后更新于:
AI 摘要

移动端为啥只有一张壁纸,是其它壁纸体积太大了嘛?还是为了考虑4个100评分问题,解释下

主要是为了冲移动端 Lighthouse(尤其是 LCP / TBT),不是「其它壁纸文件本身坏了」。

实际行为

  • 配置里 mobileImages 其实有多张(约 18KB / 28KB / 114KB)
  • 但移动端会走 initSimpleHero不做轮播,只显示首张
  • mobileLcpPoolSize = 1:首屏只锁定并 preload 那一张轻量图

为什么这么做

  1. LCP:Hero 壁纸就是首页最大内容;多图抢带宽会拖慢首屏出图
  2. TBT:完整轮播脚本 + 预加载 + 滚动监听会抬高主线程占用,LH 评分窗很容易炸
  3. 体积是次要因素:首张特意用了约 18KB 的轻量图;后面那张约 114KB 的明确标成 carousel-only,移动端默认不拉

桌面端才开多图轮播(desktopLcpPoolSize = 3)。

所以你看到「手机只有一张壁纸」,是性能取舍:先稳住四个百分位,尤其是移动端 LCP/TBT;不是图库只剩一张。若你更想要手机也轮播,可以再开,但移动端分数通常会掉一截。

最新文章

本页导航

本页暂无大纲内容

文章需要包含标题才能生成目录

文档导航