Google从2021年开始把Core Web Vitals作为排名因素,移动端页面速度直接关系到SEO。我上个月刚帮一个客户的站从3.2秒优化到0.9秒,记录一下过程。
先诊断。打开PageSpeed Insights输入URL,看两个东西:一是分数,二是具体哪项指标拖后腿。通常最大的瓶颈是LCP(最大内容渲染时间),也就是首屏主要内容出现的速度。
第一个优化:图片。这是最常见的瓶颈。我们用WebP格式替换了所有JPG/PNG,单张图片体积平均减少60%。WordPress的话,装个ShortPixel或Imagify插件,上传图片自动转WebP。已经上传的老图片可以批量转换。
第二个优化:启用缓存。装WP Rocket或者免费的LiteSpeed Cache。这两个插件做的事情差不多——把动态页面生成静态HTML文件,用户访问时直接返回静态文件,不用每次都跑PHP。光这一项就把TTFB从800ms降到了120ms。
第三个优化:延迟加载非关键资源。图片默认改成懒加载——用户滚动到图片位置才加载,首屏之外的图片不提前加载。JS文件加defer或async属性,不让它阻塞页面渲染。WP Rocket可以一键设置这些。
第四个优化:CDN。用Cloudflare免费版就行。把静态资源(图片、CSS、JS)分发到全球节点,用户从离他最近的节点加载。国内用户如果不想备案,可以用Cloudflare的亚太节点,速度还行。
第五个优化:减少第三方脚本。客户之前装了百度统计、Google Analytics、微信分享SDK、在线客服弹窗——光第三方脚本就拖了1.5秒。最后只保留了一个统计工具,其他的要么去掉,要么改成异步加载。
优化完跑分:移动端从35分涨到92分,LCP从3.2秒降到0.9秒。整个过程花了大概半天时间,主要是批量转换图片耗时。投入产出比很高。
还木有评论哦,快来抢沙发吧~