Hexo框架(七):博客性能优化提升加载速度
在使用博客的时候,总感觉不太流畅,页面性能感觉很低,所以,今天对博客进行了一些优化。
去掉无用的功能
尽量以实用为主,去掉一些不必要的功能,取消了 DaoVoice,鼠标点击特效等。
使用 CDN 加载部分 css、js
外部资源加载使用 jsDeliver
压缩静态资源
我们自己添加的 css 和 js 文件为了可读性,往往会有很多换行和空格,这些对于浏览器来说是没有用的,甚至还会降低渲染页面的速度。同时,由于 Markdown 转成 html 的 bug,会导致页面存在大量的空白,我们可以通过查看页面源代码发现这些大量的空白符,这也会造成页面渲染的性能问题。
因此,我们需要对页面的静态资源进行压缩,包括 css、js 和 html 等文件。
我们可以使用 hexo-neat
插件进行压缩。hexo-neat
配置简单,无需额外命令,我们只需使用原本的调试、部署命令就可以自动完成静态资源的压缩。
安装插件:
1 | npm install hexo-neat --save |
然后我们需要在站点配置文件_config.yml
中添加以下代码:
1 | # 博文压缩 |
但是好像这个插件有点点问题,我通常是不压缩 js 的,压缩 js 的时候会报错。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 你真是一个美好的人类!