# Hexo博客访问优化

> 作者/来源: UCloud 运营管理员
> 发布时间: 2022-10-08T05:54:00.000Z
> 分类: CDN
> 标签: CDN, Python
> 原文链接: http://117.50.162.249:3000/yun/articles/2414

---

# Hexo博客访问优化

> 来源: https://www.ucloud.cn/yun/127923.html
> 作者: 社区管理员
> 发布日期: 发布于2022-10-08 13:54

通过`Hexo&Gitpage`方案部署的博客系统，访问速度确实很慢。`一个网站如果在4秒内没有读取出来，大多数访客会选择离开`。

## 分析

首先需要排查出页面加载速度慢的原因，这里我们结合`Chrome开发者工具`和开源的在线网站测试（模拟不同地区和终端）进行测试。

### chrome分析结果

通过比较`Gitpage`和`本地`访问情况，可以看出`DomcontentLoad`加载时间没有多少差距，那当然是请求资源`load`耗时比较长，其中一张4.5M的图片资源加载了3分钟。Chrome Devtool`相关介绍可以参考文档资料。

![image.png](https://ucloud-blog.cn-bj.ufileos.com/articles/127923/images/127923_000.png)

## 优化

1. 图片压缩，加载一张图片速度是很慢
2. 静态资源使用CDN加速
3. 图片使用`JsDelivs CDN`加速，每次需要四个步骤，显然是反人类的,思考了一番,暂时通过一下方式解决，后续可以将所有操作步骤整合到命令工具中。

   ```
   复制博客所在目录图片到CDN仓库目录 --> push到远程分支 --> release --> 修改博客文件图片引用地址 
   python命令行工具 --> git命令 --> 开源release-it --> 修改paste Image配置
   ```

## 优化后页面记载情况

可以看出，通过上述优化配置，图片资源加载速度提升很多。

## 思考

1. 浏览器输入框输入URL，浏览器到底为我们做了什么？
2. python命令行工具可不可以使用`shell script`替换。
3. 页面资源请求如何发起？（当页面滚到图片位置，开始发起请求）