如何加速访问我的静态博客

博客因为托管在 GitHub Pages 上的缘故，访问一直很慢，最近捣鼓优化了半天算是有点效果，在这里做个总结。

部署到国内

既然国内访问 GayHub 速度慢那托管在国内的 Coding 或者 Gitee 不就好了。

可以，但没必要。

CDN 加速

这里选择免费的 jsDelivr 加速，这是一个免费开源的 CDN 解决方案，可以托管包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。

GitHub CDN

1

https://fastly.jsdelivr.net/gh/用户名称/仓库名称@版本号/目录

加载文件的某一版本：

1

https://fastly.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

使用某版本范围：

1
2

https://fastly.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js
https://fastly.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

npm CDN

1

https://fastly.jsdelivr.net/npm/包名@版本号/目录

加载文件的某一版本：

1

https://fastly.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js

使用某版本范围：

1
2

https://fastly.jsdelivr.net/npm/jquery@3/dist/jquery.min.js
https://fastly.jsdelivr.net/npm/jquery@3.1/dist/jquery.min.js

优化图片

众所周知，加载图片是比较耗时间的，尤其是像我把图片放在 GayHub 上则更是雪上加霜，所以对图片体积下手时非常有必要的。

使用 WebP

WebP 是谷歌即将推出的适合于 Web 使用的图像格式，在保持同样质量的情况下，可比 JPG 减小 40% 的体积。支持有损和无损压缩、支持完整的透明通道、也支持多帧动画。

Google 大法好！

推荐一个转 WebP 网站：webp2jpg

搭配 CDN 加速以后加载速度杠杠的。

国内图床

• 七牛云

  图片上传限制：无

• 又拍云

  图片上传限制：无

• Imgur

  图片上传限制：最大单张支持 10 MB

• SM.MS

  图片上传限制：最大单张支持 5 MB，每次最多上传 10 张

• ……

我使用 PicGo 上传到 GayHub 作图床，同时这也是一款优秀轻量的图床工具，用来管理上传还是很方便的。