优化博客性能

今天发现博客首页的加载速度比较感人,于是就用 Google 出品的 Pagespeed Insights 检测了一下,发现了不少问题,而且这些问题都严重拖慢了加载时间。

  • HTML / CSS / JS / Photos 都是未压缩状态
  • 部分静态资源没有设置缓存
  • CSS 出现阻塞,即首页出现空白的情况

暂时只解决了第一个问题:

  • 修改一下 Travis CI 的部署脚本 .travis.yml 即可实现自动压缩(利用 gulpjs):
  install:
  - npm install hexo-cli gulp -g
  - npm install

  script:
  - hexo clean
  - hexo g
  - gulp
  - hexo d

查看 gulpfile.js 配置

  • 优化之后,加载速度明显提升了。剩下的几个问题还得研究一下

评论

0