This is mostly related to code highlighting, but can be generalized to all code.
For example, in Jekyll the code highlighting css has selectors like
.ha, .hb
. In Zola they’re more verbose (z-function-call
), and this implies bigger page size (I measured a 50+kb overhead for one of my articles).
The suggestion is to add an option which would
- Scan html templates to get classes and ids.
- Scan Sass/SCSS files to get classes, ids, and variables.
- Replace the selectors with minified auto-generated names.