Yuying Wu

博客优化之路:从WordPress到Hexo

April 06, 2016

经历了WordPress、jekyll、Hexo、WordPress,前几天我还是把博客迁回到Hexo,因为WordPress太庞大了,想修改主题优化下页面性能或者加些个性化的小组件吧,也没折腾出一个前端构建的流程,开发起来很麻烦,放弃治疗啦,于是又回归到静态博客的怀抱。

最近在公司做一些性能优化的工作,重构历史代码和优化打包策略啥的,每次看到优化效果都会觉得很爽,那些数字太漂亮,弄上瘾了,于是拿自己的博客接着改!

虽然从WordPress到Hexo,我啥也没做,只是做了个“系统选型”的抉择,从重量级到轻量级选手,但是从数据看来,我觉得改得还是非常对的,以后站点会有更多的可玩性 :)

改造后的性能优化:

  • 请求数,22 -> 7,减少了68%
  • 传输容量,1.3M -> 745K,减少了44%
  • Load时间,2.64s -> 1.10s,减少了58%

Hexo(官方主题Landscape)

Hexo首页加载情况

WordPress(2016年官方主题twenty-sixteen)

WordPress首页加载情况


从WordPress迁到Hexo,其实很简单。

1. 导出WordPress数据

仪表盘(wp-admin) -> 工具 -> 导出

"WordPress数据导出"

2. 搭建Hexo

i.安装Node.js、npm
ii.安装Hexo
npm install -g hexo-cli
iii. Hexo初始化
hexo init // 初始化某个目录
cd // 进入该目录
npm install // 安装所需npm依赖文件

3.WordPress到Hexo的迁移

i.安装迁移插件

npm install hexo-migrator-WordPress --save

ii.把WordPress数据导出文件放进Hexo的安装目录
iii.执行命令迁移文章:source是数据导出文件
hexo migrate wordpress

4. 媒体文件存在哪?

虽然很方便的迁移了所有WP文章,但是我们可以发现,文章中有些格式可能会包括很多div等多余的html标签,需要人肉调整。

然后文中引用的媒体文件尤其是图片,还在使用WP数据库中的文件,假如我想彻底脱离WP,我需要把这些媒体资源整理出来,那么问题来了,存在哪?

目前我在用新浪云的云存储SCS服务,访问速度很快,按访问量计费,不过目前像我的博客访问量不大,基本免费。

新浪云存储SCS服务的价格详情传送门 >>

另外也可以考虑:

百度云BOS,度厂很多内部产品线都在使用,按需计费,不过我没使用过,不清楚具体收费情况怎样,感兴趣的朋友可以来价格表这儿看看。

Reference