优化博客网站访问(1)
首先非常感谢互联网大佬们留下来的遗产。
这一篇让我发现优化线索的是这篇文章
作者给出了两个关键方法：
一、使用 instant.page
这可以确保当用户停留在连接上超过 90 毫秒时就会预加载链接内容，可以提前加载网页，不过提升空间有限。
因为在优化之前，我的博客主页国内访问需要 2 分钟左右才能完全加载出来，实在是太慢了！90ms 几乎可以忽略不计。
二、压缩背景图片大小
这是非常有用的方法，之前的 about 界面背景图大小 3M,需要加载很久，后来改成 200K 就可以很快的加载出来了。
三、优化字体文件
这一步非常重要！！而且也是网上教程最少的一个方法。
先描述一下我的做法：
找到 config 文件最底部的插件部分，有 # fontawesome:这段代码被注释了。如果取消注释，那么网页将从你给定的路径来寻找字体文件。否则就是自动在@fortawesome/[email protected]/类似的网页里下载。
那下载为什么会慢呢？因为此时下载的网页被墙了，无法正常访问！所以非常建议使用其他字体或者把改字体文件下载到本地。
我按照 butterfly 的教程更改了默认字体，但是由于图标库还是要使用 fontawesome，所以我不得不将所有使用到的字体文件和图标文件下载到本地。
这一步具体该怎么做呢？
第一步，找到自己网页在加载时调用的 all.min.css 文件，可以在网页检查里打开网络检测到调用的信息：
看到请求 url，这里已经被我改到了本地，没改之前是 fontawesome 的官网，我们可以先复制官网链接下载下来这个 all.min.css 文件，然后放到本地，再在config文件的 fontawesome:后面给上 css 文件的相对路径。这时调用 all.min.css 文件的方式已经从远程下载改成了本地调用，但是还没有结束。
第二步，下载 all.min.css 提到的所有文件。这个文件里面储存的其实并不是字体和图标的内容，而是作为目录文件的存在，指向其他文件的下载链接，下载这些文件同样会导致我们速度变慢，这就需要我们把所有 all.min.css 提到的文件先下载下来，一共这么多：
,这些文件在 all.min.css 里都有提到，找到链接全部下载下来就行。
第三步，更改 all.min.css 文件里提到的字体文件的路径，全部改为当前你存放字体文件的相对路径。
如图：
这个myfont就是我存在本地的文件夹。
最后在全部修改完后，我们再来测试一下博客的加载速度，在无痕浏览器里打开链接，观察反应速度:
这速度，不用多说了吧~
