客户的域名是在阿里云买的,域名解析也在阿里云,我建议托管到Cloudflare,但是客户拒绝了,可能有其它方面的考量吧。
Cloudflare提供全球免费的CDN,而且很线路质量很好。如果懒得开通Cloudflare账号,托管到Siteground也比放在阿里云要好。毕竟国内外网络环境存在隔离,而且阿里云和 SiteGround 服务器(客户选的法国节点)地理上相隔很远,通信时间会比较久。
不过,欧美网络的互通性不错,没有CDN的情况下,网站也是可以打开的。以下速度测试,都是在没有使用CDN资源的情况下进行的。
先看结果
速度优化前后,桌面端的得分变化不大,因为在样式设计阶段,我已经把图片裁剪到合适尺寸,并且转成了WEBP格式——图片处理是网站速度优化的重要环节。手机端的效果还是很明显的。
| 谷歌测速 – 桌面端 | 谷歌测速 – 手机端 | |
| 优化前 | 87 | 51 |
| 开缓存 | 88 | 65 |
| 优化代码 | 90 | 76 |
| 第二天测试 | 96 | 77 |
在速度优化的第二天测试,分数更高,这是因为缓存生效需要一些时间。如果启用CDN,CDN生效同样需要时间。
优化前
设计新鲜出炉,没优化没缓存,桌面端还行,手机端有点惨


开启Siteground缓存
桌面端变化不大,手机端优化效果明显。


开启Siteground的代码优化
桌面端变化不大,手机端优化效果明显。


上线次日测试
桌面端优化效果明显,手机端得分变化不大。


全球33个国家和地区速度测试
得分85,全球打开平均速度0.9s,最慢的还是中国地区(2.6s)。其实,使用海外服务器的时候,中国地区也并非总是打不开,只是距离远+不稳定。




另附Gtmetrix速度测试
这个平台用的是美国时间,报告显示4月20日下午6点,对应的中国时间是4月21日早上9点。
优化前速度测试-美国节点

优化后速度测试-美国节点

优化后速度测试-英国节点

英美两国速度测试结果对比
由于网站的服务器在法国,欧洲访客的加载速度会更快,不过,欧美网络互联互通性很好,网站在美国的加载速度也不错。
| 性能指标 | 国际优秀标准 | 美国线路 | 英国线路 |
| TTFB(首字节时间) | < 600ms | 852ms | 694ms |
| FCP(首次内容绘制) | < 1.8s | 1.5s | 1.5s |
| TTI(可交互时间) | < 3.8s | 1.5s | 1.5s |
| LCP(最大内容绘制) | < 2.5s | 1.8s | 1.6s |
| Onload Time(页面加载完成) | < 2.0s | 2.0s | 1.5s |
| Fully Loaded Time(完全加载) | < 3.0s | 3.4s | 2.7s |