Compression Ideas

[kristoferbaxter]

This is a small set of ideas for the compression steps. I'm writing these free-form.

Leverage Brotli Static Dictionary for Key Values
We spoke about this in person, but I'd like to try an experiment with counter hashing leveraging the static dictionary brotli comes with (https://gist.github.com/anonymous/f66f6206afe40bea1f06).

Here's the idea:

1. Pull all the values from the dictionary and filter out ones invalid for classnames. (eg !, https://gist.github.com/anonymous/f66f6206afe40bea1f06#file-gistfile1-txt-L777)
2. Use these values for classname keys
3. Only apply to Brotli compressed version of the assets (this requires separate build of all dependents on a brotli pathway)

CSS Nano Optimizations
Understand you're already likely looking at these optimizations, but wanted to insure it was noted somewhere.

http://cssnano.co/

[dbuthay]

There are a few more that maybe we should filter: https://gist.github.com/anonymous/f66f6206afe40bea1f06#file-gistfile1-txt-L774

[chriseppstein]

Another css optimizer: https://github.com/css/csso

[chriseppstein]

A tool for comparing CSS sizes https://github.com/ben-eb/css-size

[chriseppstein]

https://github.com/oriSomething/postcss-react-css-optimizer/tree/master/src