菜单
菜单
文章目录
  1. 使用Yarn包管理器
  2. 代码压缩
  3. 图片压缩
  4. 第三方库使用CDN
  5. 使用预加载
  6. 其他方法

对本站做的一点点优化

首先将站点搬到国内服务器,弃用各种不必要的统计并精简和删除不必要的资源。

使用Yarn包管理器

Yarn会并行执行安装包所以速度要快很多,以及其拥有的离线模式更是显著提高安装下载的速度。

安装Yarn

1
npm install yarn -g

删除原node_modules再重新安装

1
2
rm -rf node_modules
yarn

重新编译dll文件

1
2
yarn run dll
yarn run deploy

Yarn安装全部依赖

1
2
3
yarn
#或者
yarn install

切换为淘宝源

1
yarn config set registry https://registry.npm.taobao.org

使用方法见: https://yarn.bootcss.com/docs/usage/

代码压缩

代码压缩使用的是hexo-neat插件,其配置使用简单。
安装:

1
yarn add hexo-neat

博客根目录下做如下配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# hexo-neat
neat_enable: true
# 压缩 html
neat_html:
enable: true
exclude:
# 压缩 css
neat_css:
enable: true
exclude:
- '**/*.min.css'
- '**/*.css.map'
# 压缩 js
neat_js:
enable: true
mangle: true
output:
compress:
exclude:
- '**/*.min.js'

图片压缩

统一全站图片格式,本站全部使用 .webp 格式图片。

使用图片压缩工具,我使用的是 Imagine客户端,其也支持各格式间的转换。

注: .jpg转换为.png格式需要安装 ImageMagick,且.jpg.png在保证清晰度情况下由于色彩丰富度增加一般图片大小会相应变大。

也有其他图片压缩网站或工具,比如 【I love IMG】、【TinyPNG】 以及 【ImgBot】等。

第三方库使用CDN

jquery.min.js、fortawesome图标依赖等使用【BootCDN】或者【jsdelivr】等公共CDN的引用地址。

使用预加载

使用【instant.page】开启页面预加载

Make your site’s pages instant in 1 minute and improve your conversion rate by 1%!

使用方法:
直接将此 HTML 片段放在</body>之前即可。

1
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>

或者自托管

1
<script src="路径/js/5.1.0.js" type="module"></script>
注意:

使用 Instant.page会显著增加自己的站点的 PV 以及请求量,对于使用CDN全站加速的小伙伴需要着重注意,因为CDN的请求数也是要收费的。

其他方法

使用对象存储以及开启全站CDN等。

在此暂时不做考虑,等续不起服务器再说!

本文作者: Senorui

本文链接: https://senorui.top/posts/6bcd.html

版权声明: 本站所有文章除特别声明外,均为原创且采用【CC BY-NC-ND 4.0】许可协议,若转载请署名!

支持一下
感谢您支持Senorui哦!
  • 微信扫一扫
  • 支付宝扫一扫