为你的博客提速

是故圣人一守司其门户，审察其所先后，度权量能，校其伎巧短长。

为你的博客提速

经营博客已经快一年了，更换了三次主题，从中学习了很多，当然也踩了很多的坑，但总的来说还是有收获的。今天为大家介绍一些博客提速的方法，有些自己也亲身实践过。

1、CDN提速

CDN全称叫做内容分发网络（Content Delivery Network），是在现有 Internet 中增加的一层新的网络架构，由遍布全国的高性能加速节点构成。

由于某某限制，只能利用免费的CDN为博客加速。当然你也可以自己搭建免费的CDN，其中最常用的是jsDelivr+Github建立免费CDN。

您可以参考这篇博客jsDelivr+Github建立免费CDN

整个博客使用CDN(未实践)

常见的免费cdn有 百度云加速，加速乐，又拍云；

加速乐 每个月有3600GB免费流量，加速乐官网：https://www.yunaq.com/jsl/#price

2、更改图片格式

在写博客时，难免要用到图片。经过时间累积，大量的图片会大大降低博客的速度。

当你用GOOGLE的PageSpeed Insights为你的博客进行速度评分时，出现最多的是采用新一代格式提供图片，

官方解释——JPEG 2000、JPEG XR 和 WebP 等图片格式的压缩效果通常比 PNG 或 JPEG 好，因此下载速度更快，消耗的数据流量更少。

自己亲身体会，所有图片更换为webp格式，适当调整图片大小，再加上CDN提速后，博客轻快了很多~

3、网站预加载脚本

instant.page，无意间看到这样一个脚本，号称可以瞬间提高网站页面加载速度。

原理：

• 在用户点击网站链接之前，他们将鼠标悬停在该链接上。当用户徘徊 65 毫秒时，他们将点击该链接有两个机会，因此 instant.page 此时开始预加载，平均超过 300 毫秒，以便页面预加载。
• instant.page 是渐进式增强 - 对不支持它的浏览器没有影响。

需要注意的是

1. 使用 instant.page 会显著增加自己的网站的 PV 以及请求量。（对于使用CDN全站加速的童鞋可能要多考虑一下了，因为请求数也是要收费的。）
2. 使用 instant.page 只会预加载 html 页面，而不会加载图片等资源。

使用方法

下述引用方法，只需添加在网站< /body >标签之前添加即可。

1.使用官方提供的带有 Cloudflare 加速的脚本

<script src="//instant.page/1.2.2" type="module" integrity="sha384-2xV8M5griQmzyiY3CDqh1dn4z3llDVqZDqzjzcY+jCBCk/a5fXJmuZ/40JJAPeoU"></script>

2.自托管

只需将js代码上传到自己的服务器即可。

<script src="`存放路径`/instantclick-1.2.2.js" type="module"></script>

3.CDN引用

​