Grunt plugins

A modular minifier, built on top of PostCSS. Does more than simple whitespace transforms: custom identifier reduction, z-index rebasing, adjacent selector merging and more.

CSS selectors complexity and performance analyzer

A Grunt Task to Measure and Grade Web Page Performance

The fastest Node.js module for resizing JPEG, PNG, WebP and TIFF images. Uses the libvips library.

Concatenate a set of Web Components into one file.

Bindings for Zopfli compressing lib. Compress gzip files 5% better than gzip.

Inline linked css in an html file. Useful for emails.

Critical extracts & inlines critical-path (above-the-fold) CSS from HTML.

PerfJankie is a tool to monitor smoothness and responsiveness of websites and Cordova/Hybrid apps over time. It runs performance tests using browser-perf and saves the results in a CouchDB server. It ...

Sitespeed.io is an open source tool that helps you analyze your website speed and performance based on performance best practices and metrics.

HTMLMinifier is a highly configurable, well-tested, Javascript-based HTML minifier, with lint-like capabilities.

Convert images to WebP

A CSS redundancy analyzer that analyzes redundancy. csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.

Produce images at different sizes for responsive websites.

uCSS is made for crawling (large) websites to find unused CSS selectors.

Automates ImageOptim, ImageAlpha, and JPEGmini for Mac to make batch optimisation of images part of your automated build process.

SVGO is a Nodejs-based tool for optimizing SVG vector graphics files.

Grunt task for Performance Budgeting.

Parker is a stylesheet analysis tool. It runs metrics on your stylesheets and will report on their complexity.

PhantomJS-based web performance metrics collector and monitoring tool.

Merge svgs from a folder.

StyleStats is a Node.js library to collect CSS statistics.

Minify images seamlessly

Because CSS is on the critical path to rendering pages. It must be small! Or else!

Combine matching media queries into one media query definition. Useful for CSS generated by preprocessors using nested media queries.

PageSpeed Insights With Reporting. Run mobile and desktop performance tests for your deployed site using Google PageSpeed Insights with tidy reporting for your build process.

A fast, efficient, and well tested CSS minifier for node.js.

UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.

Keep a watchful eye on your css colors.