网站性能与 Core Web Vitals 文章分类

Cookie横幅出现时页面往下跳：保留同意功能，修好CLS

Cookie横幅推挤正文时，区分插入、字体和同意后内容移动。比较预留空间与叠层，保留接受、拒绝和偏好管理，并覆盖首次与回访状态。

轮播首图等脚本才出现，先把img放入初始HTML，再排查隐藏容器、预加载与后续幻灯片。附禁用JavaScript的真实本地对照截图。

英文URL偶尔返回中文HTML，按原始响应、语言选择条件和各层缓存键定位串页。解释Vary、Cookie与私有内容的区别，以及正反顺序复测。

中文网页字体替换后按钮挪位，先核对回退字体、字形覆盖和度量差异。比较swap与optional、子集化及预加载取舍，附本地字体排版截图。

不用删除线上客服或营销代码，在DevTools里按资源组做受控阻断对照。固定同意、缓存及操作状态，同时记录性能变化、功能损失和修改权限。

用currentSrc核对响应式图片实际选择，结合sizes、图槽宽度、DPR与缓存解释大图下载。包含真实本地浏览器选图截图及模板检查方法。

首屏图是否该懒加载，要先确认LCP元素与实际请求顺序。检查lazy、fetchpriority、preload和渲染等待，避免把所有图片设为高优先级。

按输入延迟、事件处理与下一帧呈现定位询盘表单卡顿，区分接口等待和主线程阻塞，给出让出任务的教学代码、录制路径与功能回归要求。

Lighthouse与CrUX不一致时，先核对URL或来源级别、设备、28天窗口、缓存与同意状态。说明怎样做可比复测，以及本地修复后该怎样观察真实用户数据。