Added support to PurgeCSS (alshedivat#1562)

Tackled alshedivat#1329 with [PurgeCSS](https://purgecss.com/). Being talking with @varuniyer about using [jekyll-uncss](https://github.com/episource/jekyll-uncss) to reduce css file sizes by ditching unused classes. This approach have 3 main problems: 1 - have some limitations as pointed [here](alshedivat#1329 (comment)) 2 - last update to [jekyll-uncss](https://github.com/episource/jekyll-uncss) was about 3 years ago, so it might have a few issues 3 - [uncss](https://github.com/uncss/uncss) haven't seem a new release in a while, currently [lacking maintenance](uncss/uncss#459), and using some deprecated libraries as seem here: ``` npm install -g uncss npm WARN deprecated [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see request/request#3142 npm WARN deprecated [email protected]: this library is no longer supported npm WARN deprecated [email protected]: Use your platform's native performance.now() and performance.timeOrigin. npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142 ``` I thought about giving PurgeCSS a go, since it has been more [actively maintaned](https://github.com/FullHuman/purgecss), but [jekyll-purgecss](https://github.com/mhanberg/jekyll-purgecss) haven't. For this, I needed to change to use some local libraries instead of getting them via CDN. The good news is that it is quite effective in reducing css file sizes. Comparing dir sizes with `du -hs _site/assets/css/`: | current | minify | PurgeCSS | PurgeCSS + minify | | ------- | ------ | -------- | ----------------- | | 1,1M | 988K | 456K | 420K | --------- Signed-off-by: George Araujo <[email protected]>
antchristou · Sep 28, 2023 · 8effb2d · 8effb2d
1 parent f896d15
commit 8effb2d
Show file tree

Hide file tree

Showing 52 changed files with 147 additions and 18 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
diff --git a/README.md b/README.md
diff --git a/_config.yml b/_config.yml
diff --git a/_includes/head.html b/_includes/head.html
diff --git a/_includes/scripts/bootstrap.html b/_includes/scripts/bootstrap.html
diff --git a/_includes/scripts/misc.html b/_includes/scripts/misc.html
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
diff --git a/_sass/font-awesome/_animated.scss b/_sass/font-awesome/_animated.scss
diff --git a/_sass/font-awesome/_bordered-pulled.scss b/_sass/font-awesome/_bordered-pulled.scss
diff --git a/_sass/font-awesome/_core.scss b/_sass/font-awesome/_core.scss
diff --git a/_sass/font-awesome/_fixed-width.scss b/_sass/font-awesome/_fixed-width.scss
diff --git a/_sass/font-awesome/_functions.scss b/_sass/font-awesome/_functions.scss
diff --git a/_sass/font-awesome/_icons.scss b/_sass/font-awesome/_icons.scss
diff --git a/_sass/font-awesome/_list.scss b/_sass/font-awesome/_list.scss
diff --git a/_sass/font-awesome/_mixins.scss b/_sass/font-awesome/_mixins.scss
diff --git a/_sass/font-awesome/_rotated-flipped.scss b/_sass/font-awesome/_rotated-flipped.scss
diff --git a/_sass/font-awesome/_screen-reader.scss b/_sass/font-awesome/_screen-reader.scss
diff --git a/_sass/font-awesome/_shims.scss b/_sass/font-awesome/_shims.scss
diff --git a/_sass/font-awesome/_sizing.scss b/_sass/font-awesome/_sizing.scss
diff --git a/_sass/font-awesome/_stacked.scss b/_sass/font-awesome/_stacked.scss
diff --git a/_sass/font-awesome/_variables.scss b/_sass/font-awesome/_variables.scss
diff --git a/_sass/font-awesome/brands.scss b/_sass/font-awesome/brands.scss
diff --git a/_sass/font-awesome/fontawesome.scss b/_sass/font-awesome/fontawesome.scss
diff --git a/_sass/font-awesome/regular.scss b/_sass/font-awesome/regular.scss
diff --git a/_sass/font-awesome/solid.scss b/_sass/font-awesome/solid.scss
diff --git a/_sass/font-awesome/v4-shims.scss b/_sass/font-awesome/v4-shims.scss
diff --git a/assets/css/academicons.min.css b/assets/css/academicons.min.css
diff --git a/assets/css/bootstrap-toc.min.css b/assets/css/bootstrap-toc.min.css
diff --git a/assets/css/bootstrap.min.css b/assets/css/bootstrap.min.css
diff --git a/assets/css/bootstrap.min.css.map b/assets/css/bootstrap.min.css.map
diff --git a/assets/css/jekyll-pygments-themes-github.css b/assets/css/jekyll-pygments-themes-github.css
diff --git a/assets/css/jekyll-pygments-themes-native.css b/assets/css/jekyll-pygments-themes-native.css
diff --git a/assets/css/main.scss b/assets/css/main.scss
diff --git a/assets/css/mdb.min.css b/assets/css/mdb.min.css
diff --git a/assets/css/mdb.min.css.map b/assets/css/mdb.min.css.map
diff --git a/assets/fonts/academicons.ttf b/assets/fonts/academicons.ttf
diff --git a/assets/fonts/academicons.woff b/assets/fonts/academicons.woff
diff --git a/assets/js/bootstrap-toc.min.js b/assets/js/bootstrap-toc.min.js
diff --git a/assets/js/bootstrap.bundle.min.js b/assets/js/bootstrap.bundle.min.js
diff --git a/assets/js/bootstrap.bundle.min.js.map b/assets/js/bootstrap.bundle.min.js.map
diff --git a/assets/js/mdb.min.js b/assets/js/mdb.min.js
diff --git a/assets/js/mdb.min.js.map b/assets/js/mdb.min.js.map
diff --git a/assets/webfonts/fa-brands-400.ttf b/assets/webfonts/fa-brands-400.ttf
diff --git a/assets/webfonts/fa-brands-400.woff2 b/assets/webfonts/fa-brands-400.woff2
diff --git a/assets/webfonts/fa-regular-400.ttf b/assets/webfonts/fa-regular-400.ttf
diff --git a/assets/webfonts/fa-regular-400.woff2 b/assets/webfonts/fa-regular-400.woff2
diff --git a/assets/webfonts/fa-solid-900.ttf b/assets/webfonts/fa-solid-900.ttf
diff --git a/assets/webfonts/fa-solid-900.woff2 b/assets/webfonts/fa-solid-900.woff2
diff --git a/assets/webfonts/fa-v4compatibility.ttf b/assets/webfonts/fa-v4compatibility.ttf
diff --git a/assets/webfonts/fa-v4compatibility.woff2 b/assets/webfonts/fa-v4compatibility.woff2
diff --git a/bin/deploy b/bin/deploy
diff --git a/purgecss.config.js b/purgecss.config.js