Core Web Vitals是Google的页面体验标准,直接影响搜索。今天把三个指标怎么测、怎么改拆开讲,照着操作就行。
指标一:LCP(大内容渲染时间),目标2.5秒以内。
怎么测:打开PageSpeed Insights,输入网址,等几秒出报告。找到'LCP'项,绿色达标,黄色需改善,红色就是差。
怎么改:常见原因是首屏大图太大。用WebP格式替代PNG/JPG,体积减少30%-50%。给首屏图片加priority属性让浏览器优先加载。服务器慢的话上CDN,Cloudflare免费版够用。
指标二:INP(交互响应延迟),目标200毫秒以内。
怎么测:PageSpeed Insights有INP数据,更准确用Chrome DevTools。按F12打开Performance面板,录制操作过程看Interaction耗时。
怎么改:INP高一般是JS执行太重。精简不必要的第三方脚本,分析工具、聊天插件能砍就砍。大的JS文件拆成小块按需加载。长任务用requestIdleCallback拆开,别卡住主线程。
指标三:CLS(累积布局偏移),目标0.1以内。
怎么测:同样用PageSpeed Insights查看CLS数值。
怎么改:给所有图片和视频加width和height属性,浏览器提前预留位置。字体加载导致的跳动用font-display: swap。动态插入的弹窗、广告别推挤已有内容,用定 位浮在上方。
2026年有个重要变化:CWV从页面级升级为全站级,一个页面拖后腿影响整站。别只优化首页,产品页、博客页都要过一遍。
中企动力建站服务默认包含CWV性能优化,上线前逐页检测确保达标,后续持续监控指标变化。性能优化不是一锤子买卖,需要长期维护。