Intro
博客的加载速度是非常影响阅读体验的,而很多人都是把博客部署在Github Pages上,这对于国内的访问并不是很友好,甚至有时候会不能访问。为了解决这个问题,我做了域名分流,目的就是提高加载速度,优化体验。
域名分流的思路
在之前的博客中我有分享过博客的自动部署(传送门),其中就有一点是同步代码到coding.net的镜像仓库。当时主要的考虑是备份,但是另一个优点就是,我们同样可以借助coding.net提供的静态页面去部署。这样,我们相当于有了两个部署的网页,一个是Github Pages,另一个是coding.net提供的。
域名分流就是基于以上假设的。Github Pages可以主要服务于国外的访问,而coding.net可以主要服务于国内的访问,这样网页的加载速度都会提升不少。
步骤
首先这里假设:
- 你的个人博客应已经配置了个性化域名,如果没有,请参考传送门。
- 你的博客已经使用coding.net作为镜像仓库。
这里我用的是腾讯云,打开域名解析中心。如果使用默认配置,CNAME的解析应该都是默认的。
打开coding.net,添加域名解析并获取coding.net网页地址。
这个时候,我们只需要把coding.net网页的地址添加到解析中,并设置github的解析为国外,coding.net的解析为国内,这样就实现了分流。
效果测试
因为博客一直部署在Github Pages,所以优化效果的测试只针对国内的IP访问。
DOMContentLoaded | Load | |
---|---|---|
优化前 | 7.3s | 11.8s |
优化后 | 258ms | 582ms |
小结
可以看到,使用域名分流的优化效果还是非常明显的,尤其是对于国内的访客。希望这篇博客能够帮助到你,欢迎转发、评论!