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

2024-04-30 09:37:46

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.com

jsdelivr CDN 网站地址：cdn.jsdelivr.net

Gitee 图片托管网站地址：gitee.com

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

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

图1 GitHub VS jsdelivr

图2 jsdelivr VS Gitee

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

苹果CMS图片加载缓慢怎么解决？
像上图这种的,图片加载慢,因为图片是放在别人的网站上,你采集到的只是一个图片的地址而已,所以,你只要把图片采集到自己服务器上,那么加载就会和网站同步了.如下图,找到"视频-视频数据-同步图片 ...
如何解决web端图片加载慢卡顿的问题？？？
公司官网上面有一的功能是在后台发布公司动态之后,在前台显示公司动态内容. 但是上上周团建之后,上传的公司动态中的图片加载速度就非常的慢. 图片加载慢的原因有两个: 1.图片过大导致的加载缓慢. 2.网 ...
歪门邪道之解决首屏图片加载闪烁问题
前情描述: 最近接到一个首页图片加载优化的任务,图片是展示在首页RecyclerView中.问题现象是即使有缓存,图片的展示还是会肉眼可见的跳变,没法做到一打开首页,图片就展示在那. 问题定位: Re ...
针对手机连WIFI微信公众号等图片加载缓慢问题——解决方案
问题现象: 手机通常是连接WIFI情况下,但表现出公众号图片加载异常,非常缓慢,当切换到流量时,图片加载恢复正常速度. 排除WIFI性能问题.排除网络连接问题. 导致问题原因及解决方案: 1.检查路由 ...
nginx 配置后网站图片加载出来一半或者不出来
项目进行nginx反向代理后发现图片和js.css等加载很慢,甚至加载不出来. 然后查看nginx的log,发现错误如下: [html] view plaincopy 2016/06/30 15:31 ...
【CSS】当图片加载缓慢时，图片如何自适应高度
1.问题: 图片在加载成功前,包裹图片的div没有被撑开,导致整体布局难看,产生页面"闪烁"的现象. 2.解决: 设置容器的padding-top / padding-bottom ...
又拍云设置CDN加速后网站图片加载不出来-避坑
最近使用了又拍云的CDN联盟加速,确实是不错.但是置A记录就可以,但是设置又拍云的cname就无法读取图片.研究了好久终于弄出来了. 先常规的设置需要的CDN加速. 最重要的一步[缓存控制]下的[参数 ...
从SEO优化角度打造移动端网站的移动建站指南
移动互联网已经越来越成为互联网的主流渠道,如果说以前对移动页面没有很规范的优化和高质量内容评判划分标准,但现在随着各大搜索引擎发布了移动建站指南,图文并茂的描述了如何提高移动站在百度质量度的等级,但是 ...
小程序一次性上传多个本地图片，上拉加载照片以及图片加载延迟解决之道
一:小程序之一次性上传多个本地相片最近由于项目需要所以学了下小程序,也做了一些东西,随后便有了以下的一些总结了,现在说说如何使用小程序一次性上传多个本地相片. 问题描述最近做项目的时候要实现一个上 ...

最新文章

热门文章