案例讲解
背景
这个客户的网站，是C端网站，后台安装了50多个插件，运行起来是比较慢的。
客户使用了CDN，但是服务器及CDN的配置还有些问题，而且网站没做前端页面优化，导致加载速度比较慢，pagespeed评分比较低。
这次优化，从CDN层面，服务器层面，应用层层面，都进行了调整。
处理措施
CDN层面，调整了回源时间，缓存规则。
服务器层面，安装了redis缓存，调整了nginx参数，调整了php参数。
网站方面，通过减少的非必要的资源加载，调整资源加载顺序，图片优化，缓存优化等方面，是网站得以优化，结果如下：
| 项目 | 优化前 | 优化后 | 变化率 |
| 移动端总体评分（分值高好） | 36 | 72 | ↑ 100.0% |
| 移动端FCP （分值低好） | 5.1 | 2.3 | ↓ 54.9% |
| 移动端LCP （分值低好） | 24.3 | 6.6 | ↓ 72.8% |
| 桌面端总体评分（分值高好） | 59 | 93 | ↑ 57.6% |
| 桌面端FCP （分值低好） | 0.8 | 0.5 | ↓ 37.5% |
| 桌面端LCP （分值低好） | 4.4 | 1.7 | ↓ 61.4% |
总结
总体有质的提升！
后续还有优化空间，像是客户选择的字体文件体积很大，而且没做压缩；而且缓存时间也是不合理的。
后续在服务器，资源压缩，页面结构等方面，都可以进行优化，相信分数还会更好。
优化前
本地加载的资源列表
Pagespeed评分
移动端评分
桌面端评分
优化后
本地加载的资源列表
Pagespeed评分
移动端评分
桌面端评分
