HTML CSS JS缩小架构

Question

I was exploring some sites for different minification techniques they are using.

I had found most of sites does uses JS minification, concatenation and entire project had one js file which i feel is good technique.

but css and html minification is still only upto removing extra spaces and comments.

But what i found that Google is using some different minification techniques in which they minify the css/html by changing the selector names in both HTML and CSS.

I would like to know about this minification architecture google is using. :-)

Answer 1

Advanced CSS minification

I'm currently using CSSO minimizer with gulp and 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.

It works pretty well, the only thing is that you don't win that much on those optimizations.

I would recommend to check out PageSpeed Tools , if you're not using it already. This is the best way to see, what kind of asset optimization you really need.