标签: 宽屏适配

  • 纠结了好几天,最后还是决定把主题换了

    纠结了好几天,最后还是决定把主题换了

    事情是这样的

    最近本来在折腾 CDN,计划很简单:先用旧主题跑一遍「无 CDN」的数据,然后开启 CDN 做对比,看看能快多少。

    一切都在按计划走,直到我低头看了一眼自己用的主题——Hueman 免费版。

    这个主题我用了挺久了,说不上多好,但也一直没出什么大问题。唯一让我有点在意的是,它的最大屏幕宽度只有 1680px。前几年这根本不算个事儿,但最近我总感觉哪里不对劲——具体说不上来,就是觉得页面两侧空荡荡的,尤其是用大屏看的时候。

    于是我开始纠结了:要不要趁这次折腾 CDN,把主题也一起换了?

    一方面,换主题是个不小的工程,万一新主题各种不兼容、速度反而更慢,那我真是自找麻烦。另一方面,如果我的读者屏幕早就超过 1680px 了,我还继续用这个限制框着人家,是不是有点说不过去?

    纠结了几天之后,我决定不凭感觉做判断,去翻一下数据。

    翻数据的过程,像在开盲盒

    我打开 Google Analytics(GA4),跑到「技术」→「技术详情」里,把过去 30 天、以「活跃用户」为口径的数据导了出来。

    说实话,点开之前我心里是没底的。万一数据显示大部分用户还在用 1366×768 的老屏幕,那我这纠结就是自寻烦恼,直接安心用旧主题就完事了。

    结果看到第一组数据的时候,我愣了一下。

    屏幕分辨率:比我想象的要严重

    排名屏幕分辨率活跃用户数占比是否超过1680px
    11280×120036,14856.37%
    21920×108022,48235.06%
    3800×6001,2561.96%
    4393×851(手机)7681.20%
    52560×14404040.63%
    61536×8642120.33%
    71366×13661540.24%
    81440×30001270.20%
    92048×11521170.18%
    101707×10671160.18%

    仔细算了算,屏幕宽度超过 1680px 的活跃用户,合计占比 超过了 35%

    仔细算了算,屏幕宽度超过 1680px 的活跃用户,合计占比 超过了 35%。

    每三个访客里就有一个,在我现在的主题下两边是有留白的。

    这个比例比我想象的高太多了。1280×1200 虽然是主力(56.37%),但 1920×1080 以 35.06% 紧随其后,再加上 2560×1440、2048×1152、1707×1067 这些更高分辨率的用户,加起来已经是一个庞大的群体。

    而且趋势这种东西,只会上涨,不会倒退。

    看到这组数据的时候,我内心的天平已经有点倾斜了。

    设备类别:96% 都是桌面端,直接颠覆了我的认知

    然后我看了第二组数据——设备类别。

    设备类别活跃用户数占比
    桌面设备(Desktop)61,79696.36%
    移动设备(Mobile)2,2103.45%
    平板(Tablet)310.05%
    智能电视(Smart TV)3<0.01%

    96.36% 的活跃用户用的是桌面设备。

    96.36% 的活跃用户用的是桌面设备。

    说实话,这个数据让我有点意外。我一直以为移动端占比怎么着也得有个 15%-20%,结果只有 3.45%。

    这意味着两件事:

    • 我的读者绝大多数都是在电脑上看博客的,宽屏适配不是锦上添花,是刚需。
    • 移动端虽然占比不高,但 2,210 个活跃用户也是真实的人,新主题至少要做到「能用」。

    浏览器:96% 都是 Chrome,我一下子放心了

    接下来看浏览器分布:

    浏览器活跃用户数占比
    Chrome61,56196.00%
    Edge1,1911.86%
    Android Webview6190.97%
    Firefox3360.52%
    Safari3260.51%
    Safari(in-app)820.13%

    Chrome 占 96%。

    Chrome 占 96%。

    看到这个数据的时候,我松了一口气。

    换主题最让我头疼的事情就是兼容性——万一在 Safari 上乱了,在 Firefox 上崩了,我得花多少时间去修?结果我的读者几乎全在用 Chrome,这意味着我的测试范围可以大幅缩小,风险也低了很多。

    说实话,这个数据是让我从「犹豫」转向「决定换」的重要推手。

    操作系统:Windows 占了 93% 以上

    最后看了一眼操作系统版本:

    操作系统活跃用户数占比
    Windows 1037,23058.05%
    Windows 1122,74635.47%
    Macintosh Intel 10.159931.55%
    Android 124860.76%
    Android 92760.43%
    Android 11.02540.40%

    Windows 10 + Windows 11 合计 93.52%。

    Windows 10 + Windows 11 合计 93.52%。

    用户画像到这里已经非常清晰了:桌面端、Windows 系统、Chrome 浏览器、1920×1080 或更高分辨率——这就是我绝大多数读者的样子。

    四组数据放在一起,我得出了一个让我安心的判断:

    维度结论
    屏幕分辨率35%+ 活跃用户宽度 > 1680px,体验受损
    设备类别96.36% 桌面端,宽屏适配是刚需
    浏览器96% Chrome,兼容性风险极低
    操作系统93.52% Windows,测试范围高度集中

    所以我的决定是:换

    纠结了好几天,最后还是决定换了。

    不是因为 Hueman 不好用,也不是因为 1680px 完全不能用,而是因为数据告诉我,我的读者已经在用更大的屏幕了,而我的主题还在用一个过时的宽度限制着他们。

    数据让我看清了一件事:这个决定看似是「换不换主题」,其实本质是继续服务自己过去的习惯,还是服务读者现在的真实状态。 答案已经很明显了。

    决定换之后,紧接着又冒出来一个新问题:换主题和开 CDN,这两件事哪个先做? 如果顺序搞错了,不仅测速数据会乱,还可能引发缓存灾难。这个纠结我留到下一篇文章里细说。

    下一篇我会详细聊聊「先换主题还是先开 CDN」的决策过程,以及为什么顺序错了会带来一堆麻烦。感兴趣的可以持续关注。


    一点感慨

    说实话,做这个决定的过程让我挺有感触的。很多时候我们纠结要不要做一件事,其实是信息不够。一旦把数据摊开来看清楚,答案往往自己就浮现出来了。

    如果你也正在纠结要不要换主题、要不要改某个功能,不妨也去翻翻自己的数据。别猜,去查。 数据不会替你决定,但它会帮你看清情况。