https://github.com/lionad-morotar/mini-snapshot

快照压缩
https://github.com/lionad-morotar/mini-snapshot

css-tree-shaking html-minify

Last synced: 2 days ago
JSON representation

快照压缩

• Host: GitHub
• URL: https://github.com/lionad-morotar/mini-snapshot
• Owner: Lionad-Morotar
• Created: 2020-11-19T09:31:12.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T17:50:34.000Z (11 months ago)
• Last Synced: 2024-10-11T22:56:33.237Z (28 days ago)
• Topics: css-tree-shaking, html-minify
• Language: HTML
• Homepage:
• Size: 594 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 快照压缩

使用前请确保已经安装了 [NodeJS](https://nodejs.org/en/) 环境。

## 如何使用

参考 index.test.js 文件

```js

const minifier = require('./index.js')

const minifiedhtml = await minifier(``)

```

## 如何测试

* npm install

* npm run test

## 测试结果

```

# v1.2.0

# 新增：CSS 非语义化压缩

[001] dailiyun.html reduced to:  41.47%

[002] dailiyun_wap.html reduced to:  49.89%

[003] snapshot_raw.html reduced to:  40.96%

[004] snapshot_with_singlefile_plugin.html reduced to:  85.51%

# v1.1.0

# 新增：HTML 非语义化压缩

[001] dailiyun.html reduced to:  44.27%

[002] dailiyun_wap.html reduced to:  52.79%

[003] snapshot_raw.html reduced to:  44.09%

[004] snapshot_with_singlefile_plugin.html reduced to:  90.73%

# v1.0.0 

# 新增：CSS 摇树优化

[001] reduced to:  47.34%

[002] reduced to:  59.84%

[003] reduced to:  51.81% # 压缩直接用浏览器保存的 HTML 文件，效果约为 50%

[004] reduced to:  92.66% # 压缩使用 SingleFile 插件保存的 HTML 文件，效果不大

```

从测试文件来看，压缩效果在 45% 上下浮动。

## 依赖说明

- [Cheerio](https://cheerio.js.org/)，用来解析 HTML，处理 DOM 节点

- [PostCSS](https://postcss.org/api/#postcss)，用来解析 CSS，处理 CSS 节点

- [minHTML](https://github.com/kangax/html-minifier)，非语义化压缩 HTML

- [cssnano](https://cssnano.co/docs/)，非语义化压缩 CSS