案例讲解
背景
这个客户的网站,是B端网站。服务器放在美国的谷歌云上,是第三方搭建的WordPress网站,并且已经让第三方做过页面加载速度优化。但是第三方的评判标准(使用其他分数测评网站)反馈已经达标,实际pagespeed的分数很低,移动端/桌面端分数在40/50以下。
后台安装了35个插件,运行起来是速度一般般,不算慢。
前台使用了服务器级别的静态页面缓存,使用CDN,首页第一屏有开屏视频,视频放在第三方视频平台。整体加载还算可以,但就是pagespeed评分比较低。SEO要求pagespeed评分要达标才行。
这次优化,主要调整网站页面结构及资源加载优先级,减少、延缓资源加载。
客户已经对第三方运维团队不满意,决定要将由我优化后网站部署到另一个平台,以减少服务器和运维费用。
处理措施
改用轻量级静态页面缓存插件,加上调整资源先后顺序,减少非必要资源加载,延后非关键资源。
将优化后的站点部署到另一个临时域名做测试反馈。
优化后结果如下:
| 项目 | 优化前 | 优化后 | 变化率 |
| 移动端总体评分(分值高好) | 37 | 90 | ↑ 143.2% |
| 移动端FCP (分值低好) | 2.3 | 2.3 | 0% |
| 移动端LCP (分值低好) | 7.1 | 3.2 | ↓ 54.9% |
| 桌面端总体评分(分值高好) | 47 | 96 | ↑ 104.2% |
| 桌面端FCP (分值低好) | 0.5 | 0.6 | ↑ 20.0% |
| 桌面端LCP (分值低好) | 1.6 | 0.9 | ↓ 43.8% |
总结
pagespeed评分已经达标!
后续可根据客户需求,部署CDN、对象缓存、调整服务器参数等手段,优化网站并发能力。
优化前
本地加载的资源列表

Pagespeed评分
移动端评分

桌面端评分

优化后
本地加载的资源列表

Pagespeed评分
移动端评分

桌面端评分
