Real World Performance: lazy loading, optimizing media, faster analytics join us Wednesday

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.