javascript - HTML CSS JS 缩小架构

Question

我正在探索一些网站，了解他们使用的不同缩小技术。

我发现大多数网站确实使用 JS 缩小、串联，并且整个元素只有一个 js 文件，我认为这是一种很好的技术。

但是 css 和 html 缩小仍然只是删除多余的空格和注释。

但我发现 Google 使用了一些不同的缩小技术，他们通过更改 HTML 和 CSS 中的选择器名称来缩小 css/html。

我想了解谷歌正在使用的这种缩小架构。 :-)

Answer 1

高级 CSS 压缩

我目前正在使用 CSSO最小化 gulp和 gulp-csso

CSSO (CSS Optimizer) is a CSS minimizer unlike others. In addition to usual minification techniques it can perform structural optimization of CSS files, resulting in smaller file size compared to other minifiers.

它工作得很好，唯一的问题是你在这些优化上并没有赢得那么多。

我建议查看 PageSpeed Tools ，如果您还没有使用它。这是了解您真正需要哪种 Assets 优化的最佳方式。