astro-min

✳ AstroMin

Extremely fast and smart🔹 Minification of 🟠 HTML 🟡 JS 🔵 CSS 🟣 SVG
Meticulously optimized for Speed 🥇 and Effectiveness 🏅 based on Rust 🦀

Feature Highlights ✨

• ⚡ Performant parallel processing (+1k files/s)
• 🪶 Lighter build output (~25% smaller)
• 📦 small packaged size (~30KB)

Feature Roadmap 🌱

• HTML, CSS, JS, SVG
• Files and inline Code
• Static Site Minification

Note

astro-min focuses on compressing statically generated content and pre-rendered routes

• Support SSR / Hybrid Rendering
• Remove Comments from external CSS/JS

Getting started 🎯

Use your package manager of your choice

# NPM
npm run astro add astro-min

# Bun (known bug 🐛)
#bun astro add astro-min

# PNPM
pnpm astro add astro-min

# Yarn
yarn astro add astro-min

Manual Installation 🧑‍💻

• Install package astro-min

• Import and add to integrations list

//astro.config.mjs
import { defineConfig } from 'astro/config'
import min from 'astro-min'

export default defineConfig({
  integrations: [min()]
})

Options 🔧

//astro.config.mjs
import { defineConfig } from 'astro/config'
import minify from 'astro-min'

export default defineConfig({
  integrations: [
    minify({
      do_not_minify_doctype: false,
      ensure_spec_compliant_unquoted_attribute_values: false,
      keep_closing_tags: false,
      keep_comments: false,
      keep_html_and_head_opening_tags: false,
      keep_input_type_text_attr: false,
      keep_spaces_between_attributes: false,
      keep_ssi_comments: false,
      minify_css: false,
      minify_js: false,
      preserve_brace_template_syntax: false,
      preserve_chevron_percent_template_syntax: false,
      remove_bangs: false,
      remove_processing_instructions: false,
    })
  ]
})

[!IMPORTANT]

Use astro-min last in your integration list for the best optimization
Optional: but before astro-compressor and astro-compress for images only

//astro.config.mjs
import { defineConfig } from 'astro/config'
import compressor from 'astro-compressor'
import minify from 'astro-min'

export default defineConfig({
  integrations: [
    minify({
      // do_not_minify_doctype: false,
      // ensure_spec_compliant_unquoted_attribute_values: false,
      // keep_closing_tags: false,
      // keep_comments: false,
      // keep_html_and_head_opening_tags: false,
      // keep_input_type_text_attr: false,
      // keep_spaces_between_attributes: false,
      // keep_ssi_comments: false,
      // minify_css: false,
      // minify_js: false,
      // preserve_brace_template_syntax: false,
      // preserve_chevron_percent_template_syntax: false,
      // remove_bangs: false,
      // remove_processing_instructions: false,
    }),
    compress({
      CSS: false,
      HTML: false,
      Image: true,
      JavaScript: false,
      SVG: false
    }),
    compressor()
  ]
})

Development 💻

Learn more 🔖

• https://warpspeed-world.github.io/css-minification-benchmark/
• https://github.com/neon-bindings/neon

Versus 🏅

• astro-compress

  • 🐌 uses terser based on javascript
  • 💤 lightningcss not yet implemented

• astro-html-minify

  • 🐌 uses terser based on javascript

Colophon 📃

Build with modern FOSS 💚 and AI assistance 🤖

• VSCodium
• Codeium
• tsup

Next generation ✨ web development based on Rust 🦀

• Minify-HTML
  • Minify-JS
  • LightningCSS

Changelog 📖

1.2.0 - 🛠 Feat: Parallel processing
- ✨ Feat: Skip *.min.*
1.1.0 - 🐛 Fix: Auto install bug

Advanced Astro