Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


Build Status License NPM Downloads NPM Version Dependency Status Code Style

A Gatsby plugin to easily minify all output HTML files.


$ npm install gatsby-plugin-minify

# or yarn
$ yarn add gatsby-plugin-minify


Include the plugin in your gatsby-config.js file.

module.exports = {
  plugins: [`gatsby-plugin-minify`]


If you need to pass options to html-minifier-terser use the plugins options, see html-minifier-terser docs for all available options.

// in gatsby-config.js
module.exports = {
  plugins: [
      resolve: `gatsby-plugin-minify`,
      options: {
        removeAttributeQuotes: true
        // ...

default options:

const defaultOptions = {
  collapseWhitespace: true,
  minifyCSS: true,
  minifyJS: true,
  removeComments: true,
  removeEmptyAttributes: true,
  removeScriptTypeAttributes: true,
  removeStyleLinkTypeAttributes: true,
  processConditionalComments: true


  1. Fork it on GitHub!
  2. Clone the fork to your own machine.
  3. Checkout your feature branch: git checkout -b my-awesome-feature
  4. Commit your changes to your own branch: git commit -am 'Add some feature'
  5. Push your work back up to your fork: git push -u origin my-awesome-feature
  6. Submit a Pull Request so that we can review your changes.

NOTE: Be sure to merge the latest from “upstream” before making a pull request!


MIT © 汪磊

© 2023 Gatsby, Inc.