Hexo 压缩 Html & Css 代码提升页面响应速度

前言

当查看页面源代码的时候可以发现,每次生成的Html代码中包含大量空格以及换行符以及注释,Javascript 中空格注释也会影响部分性能,所以打算压缩代码来提升页面性能,经过一番查找发现有一款插件可以满足需求,

使用插件

执行如下命令安装插件:

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
# 开启压缩
neat_enable: true
neat_html:
enable: true
exclude:
neat_css:
enable: true
exclude:
- '**/*.min.css'
neat_js:
enable: true
mangle: true
output:
compress:
exclude:
- '**/*.min.js'
- '**/index.js'

不需要压缩的文件可以再 exclude 中配置

----本文结束 感谢您的阅读----