建站指南解决个人网站图片加载缓慢的问题
Posted Xavier Jiezou
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了建站指南解决个人网站图片加载缓慢的问题相关的知识,希望对你有一定的参考价值。
项目场景
最近笔者用 hexo 框架搭建了一个静态博客,方便发布博文和日常随笔。发文章自然少不了插入图片,因此在专门 GitHub 建了一个仓库作为图床来管理图片。
问题描述
但 GitHub 在国内的访问速度很慢,这里可以考虑加上 jsdelivr
提供的免费 CDN
加速服务,笔者亲测加上后会有所提升,但大图的加载速度仍然很慢。
原因分析
GitHub 的服务器在国外,所以在 GitHub 仓库中存储的图片的访问速度才会很慢。
解决方案
找一家国内的代码托管平台作为我们的免费图床来替换 GitHub,这里自然就想到了Gitee。首先在 Gitee 里面新建一个仓库作为我们网站的图床,这个仓库里面只存图片,然后根据 Gitee 提供的图片 url 即可在线访问了。
速度对比
定性分析
这里分别给出同一张托管在不同平台的图片的链接,点击跳转即可感受到加载速度。
定量分析
- GitHub 图片托管网站地址:
raw.githubusercontent.com
- jsdelivr CDN 网站地址:
cdn.jsdelivr.net
- Gitee 图片托管网站地址:
gitee.com
分别使用站长工具对上述网站地址进行对比测试,其结果如下:
以上是关于建站指南解决个人网站图片加载缓慢的问题的主要内容,如果未能解决你的问题,请参考以下文章