Hexo搭建个人博客 (三) 优化加载记录（持续更新）

发表于 更新于 分类于
本文字数： 512 阅读时长 ≈ 1 分钟
Hexo优化加载记录，持续更新中。

优化加载记录

一. 使用 PageSpeed Insights 测试Blog性能

通过PageSpeed Insights检查网站加载速度。

手机端测试结果如下，性能尚可。

桌面端测试结果如下，评分一下就下来了，虽然会有一些波动，但多次测试都低于49。

首先查看优化建议，主要是核心js代码，这部分先暂时不动（博主目前前端优化技术有限）。

查看其它影响项，发现看板娘占用了很多的网络资源（需要加载模型），所以先尝试移除这个功能。

二. 移除看板娘

卸载相关包。

1
npm uninstall hexo-helper-live2d

删掉根目录配置文件中相关内容。

1
2
3
4
5
6
7
8
9
10
11
12
13
# 动态妹子
live2d:
  enable: true
  scriptFrom: local
  tagMode: true
  model:
    use: live2d-widget-model-shizuku
  display:
    position: left
    width: 125
    height: 250
  mobile:
    show: false

更新博客，再次测试，发现评分直接提高到97（汗，看来罪魁祸首就是模型了）。

使用Google Chrome自带的Audits，再次测试博客加载性能。

参考：

🔗 页面的加载性能优化方案

相关文章