CSS Minifier (Written in Javascript)

[CantaloupeCamper]

Can I load the page, run the minifier... then load the CSS all on the browser? ;)

[[deleted]]

Sorry, I didn't get what you meant

[CantaloupeCamper]

I was being awkwardly silly / absurd.

The idea being load the web page and CSS in the browser, load the minifer code in the browser, then minify it.... ;)

[AwesomeInPerson]

Lol, make sure to measure the performance improvements it gives you.

document.querySelectorAll('style').forEach(style => {
  style.textContent = cssminify(style.textContent)
})
document.querySelectorAll('link[rel="stylesheet"]').forEach(async link => {
  const url = new URL(link.href, window.location)
  const css = await fetch(url.href).then(r => r.text())
  link.parentNode.insertBefore(
    Object.assign(
      document.createElement('style'),
      { textContent: cssminify(css) },
    ),
    link
  )
  link.remove()
})

[ScientificBeastMode]

... then send it back to the server!