极简页面在Google Search Console出现异常高CLS值如何修复？

这个异常数值是浏览器默认样式规则和PageSpeed Insights桌面端检测逻辑共同导致的，和页面业务逻辑无关：

• 桌面端浏览器渲染页面时，会先计算无滚动条状态下的布局，若内容高度刚好触及视口临界值，会插入宽度约17px的系统滚动条，导致视口宽度突然缩小，触发行内文本的水平偏移，这部分偏移会被计入CLS指标
• 浏览器默认给、

  等原生标签设置了默认外边距，没有显式重置的情况下，不同渲染阶段的样式计算偏差会进一步放大偏移量

只需要添加基础样式规则消除不确定性即可，修改后CLS会降到0.01以下的合格区间，Search Console的错误标记会在后续数据爬取更新后自动清除：

1. 全局重置默认内外边距，统一盒模型规则
2. 给页面固定滚动条占位，避免滚动条插入导致的视口宽度变化

修改后的完整页面代码示例：

<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="utf-8">
        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
            /* 固定滚动条占位，若页面确定不会超出视口可改为overflow-y: hidden */
            body {
                overflow-y: scroll;
            }
        </style>
    </head>
    <body>
        <p>АКАРА</p>
    </body>
</html>

如果是内容更复杂的站点，只需要把上述基础样式加入全局CSS文件即可生效。

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