首页
注册
登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请
登录
V2EX
›
前端开发
请前端大佬帮忙分析 CLS 累计布局偏移问题
Meekdai
·
280 天前
· 860 次点击
这是一个创建于 280 天前的主题,其中的信息可能已经有所发展或是发生改变。
我的一个页面
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
1
everyx
279 天前
优化一下 CSS 就行了,你的 primer.css 太大了,等到 CSS 加载完再来应用这些样式就会有问题了,需要拆分一下,可以将 CLS 相关内联一下,然后其他的拆分成一些小的 css 文件中,再配置一下 preload
偏移是很大,见下图
[Imgur](
https://imgur.com/ogk2aSJ
)
2
Meekdai
OP
279 天前
@
everyx
感谢,我尝试优化一下。
另外我确实一直想要精简一下 primer.css ,只提取我用到的,不知道有没有好用的现有工具,谢谢!
关于
·
帮助文档
·
博客
·
API
·
FAQ
·
实用小工具
·
2442 人在线
最高记录 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 30ms ·
UTC 15:46
·
PVG 23:46
·
LAX 08:46
·
JFK 11:46
Developed with
CodeLauncher
♥ Do have faith in what you're doing.