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

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

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

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

图1 GitHub VS jsdelivr

图2 jsdelivr VS Gitee

以上是关于建站指南解决个人网站图片加载缓慢的问题的主要内容,如果未能解决你的问题,请参考以下文章

destoon 建站问题解决,持续更新....

Android高效加载大图多图解决方案,有效避免程序OOM

Android高效加载大图多图解决方案,有效避免程序OOM

小程序image使用mode大图闪屏加载的问题

Android ImageView加载超长图片解决方案

网站优化——建站前期请不要干这十件事