【建站指南】解决个人网站图片加载缓慢的问题

2022年3月25日更新重大警告:Gitee 官方不让做图床了,开启的有防盗链机制。千万不要再使用 Gitee 做图床了,不然图片全部会失效。特别是想搭建个人博客的小伙伴,不要用 Gitee,使用其他图床或云存储等。

项目场景

最近笔者用 hexo 框架搭建了一个静态博客,方便发布博文和日常随笔。发文章自然少不了插入图片,因此在专门 GitHub 建了一个仓库作为图床来管理图片。

问题描述

但 GitHub 在国内的访问速度很慢,这里可以考虑加上 jsdelivr 提供的免费 CDN 加速服务,笔者亲测加上后会有所提升,但大图的加载速度仍然很慢。

原因分析

GitHub 的服务器在国外,所以在 GitHub 仓库中存储的图片的访问速度才会很慢。

解决方案

找一家国内的代码托管平台作为我们的免费图床来替换 GitHub,这里自然就想到了Gitee。首先在 Gitee 里面新建一个仓库作为我们网站的图床,这个仓库里面只存图片,然后根据 Gitee 提供的图片 url 即可在线访问了。

速度对比

定性分析

这里分别给出同一张托管在不同平台的图片的链接,点击跳转即可感受到加载速度。

GitHub:点击跳转jsdelivr CDN:点击跳转Gitee:点击跳转

定量分析

GitHub 图片托管网站地址:raw.githubusercontent.comjsdelivr CDN 网站地址:cdn.jsdelivr.netGitee 图片托管网站地址:gitee.com

分别使用站长工具对上述网站地址进行对比测试,其结果如下:

GitHub VS jsdelivr:在线报告 jsdelivr VS Gitee:在线报告

图1 GitHub VS jsdelivr

图2 jsdelivr VS Gitee