请前端大佬帮忙分析 CLS 累计布局偏移问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 345 天前的主题，其中的信息可能已经有所发展或是发生改变。

我的一个页面 https://blog.meekdai.com/ 用 pagespeed 分析的时候发现了 CLS 偏移比较严重，看了很多文章还是没有弄明白我的问题出在哪里，所以求指导。

下面是分析报告
https://pagespeed.web.dev/analysis/https-blog-meekdai-com/b7332gmovj?form_factor=desktop

cls

偏移

大佬

分析

2 条回复 • 2023-12-15 12:40:05 +08:00

everyx

345 天前

优化一下 CSS 就行了，你的 primer.css 太大了，等到 CSS 加载完再来应用这些样式就会有问题了，需要拆分一下，可以将 CLS 相关内联一下，然后其他的拆分成一些小的 css 文件中，再配置一下 preload

偏移是很大，见下图

[Imgur]( https://imgur.com/ogk2aSJ)

Meekdai

344 天前

@everyx 感谢，我尝试优化一下。

另外我确实一直想要精简一下 primer.css ，只提取我用到的，不知道有没有好用的现有工具，谢谢！