Hexo博客速度优化

发表于 更新于 分类于 ， 阅读次数： 本文字数： 705 阅读时长 ≈ 1 分钟

本文对Hexo博客进行访问优化，使得访问速度更快了，主要是安装hexo-neat插件，实现对html、css、js、image等静态资源的高效压缩。通过压缩这些静态资源，可以减少请求的数据量从而达到优化博客访问速度的目的

资源压缩[1]

安装插件

1
npm install hexo-neat --save

配置插件
打开博客根目录文件_config.yml，添加以下配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# hexo-neat 压缩
neat_enable: true

# 压缩html
neat_html:
  enable: true
  exclude:
# 压缩css  
neat_css:
  enable: true
  exclude:
    - '**/*.min.css'
# 压缩js
neat_js:
  enable: true
  mangle: true
  output:
  compress:
  exclude:
    - '**/*.min.js'
    - '**/jquery.fancybox.pack.js'
    - '**/index.js'

图片懒加载[2]

即文字先出来，图片慢慢出来，显著提高加载速度

安装插件

1
npm install hexo-lazyload-image --save

配置文件

打开配置文件_config.yml，添加以下配置

1
2
3
4
5
# 图片懒加载
lazyload:
  enable: true 
  onlypost: false
  loadingImg: /images/loading.gif #如果不填写图片则使用默认的图片

  1. hexo优化静态JS等资源压缩 ↩︎

  2. Hexo-Next提高加载速度 ↩︎