B端Pagespeed速度优化案例

案例讲解

背景

这个客户的网站,是B端网站。服务器放在美国的谷歌云上,是第三方搭建的WordPress网站,并且已经让第三方做过页面加载速度优化。但是第三方的评判标准(使用其他分数测评网站)反馈已经达标,实际pagespeed的分数很低,移动端/桌面端分数在40/50以下。

后台安装了35个插件,运行起来是速度一般般,不算慢。

前台使用了服务器级别的静态页面缓存,使用CDN,首页第一屏有开屏视频,视频放在第三方视频平台。整体加载还算可以,但就是pagespeed评分比较低。SEO要求pagespeed评分要达标才行。

这次优化,主要调整网站页面结构及资源加载优先级,减少、延缓资源加载。

客户已经对第三方运维团队不满意,决定要将由我优化后网站部署到另一个平台,以减少服务器和运维费用。

处理措施

改用轻量级静态页面缓存插件,加上调整资源先后顺序,减少非必要资源加载,延后非关键资源。

将优化后的站点部署到另一个临时域名做测试反馈。

优化后结果如下:

项目优化前优化后变化率
移动端总体评分(分值高好)3790143.2%
移动端FCP (分值低好)2.32.30%
移动端LCP (分值低好)7.13.2↓ 54.9%
桌面端总体评分(分值高好)4796↑ 104.2%
桌面端FCP (分值低好)0.50.6 20.0%
桌面端LCP (分值低好)1.60.9↓ 43.8%

总结

pagespeed评分已经达标!

后续可根据客户需求,部署CDN、对象缓存、调整服务器参数等手段,优化网站并发能力。

优化前

本地加载的资源列表

Pagespeed评分

移动端评分

桌面端评分

优化后

本地加载的资源列表

Pagespeed评分

移动端评分

桌面端评分

Scroll to Top