PurifyCSS

PurifyCSS: Remove Unused CSS

PurifyCSS is a CSS optimization tool that removes unused CSS from your stylesheets. It analyzes your HTML, JavaScript, and CSS files to determine which CSS selectors are actually being used. It then generates an optimized CSS file containing only the used CSS rules.

What is PurifyCSS?

PurifyCSS is an open-source tool for optimizing CSS files by removing unused CSS selectors. It analyzes the HTML, JavaScript, and CSS within a web project to determine which selectors are actually being used. It then generates an optimized CSS file containing only the CSS rules that are needed for the site.

The key benefit of using PurifyCSS is reducing the filesize of CSS assets delivered to users. Removing unused CSS can significantly improve page load times and performance. PurifyCSS integrates easily into build processes and workflows for sites generated via static site generators, frontend build pipelines, and more.

PurifyCSS was created by Folletto and other contributors. It is written in JavaScript and distributed on npm and GitHub. The tool parses CSS, HTML, and JavaScript files either locally or via remote URLs. It utilizes a CSS selector parser and HTML/JS DOM crawlers to determine used vs unused selectors. The optimized CSS can be generated as a file or string and output to the desired location.

Overall, PurifyCSS is a useful optimization tool for removing unnecessary CSS bloat. It can improve performance for sites large and small. The tool is customizable via plugins and configuration options to handle different needs. Integrating PurifyCSS into site build pipelines is straightforward and enables automatically generating optimized CSS assets.

PurifyCSS Features

Official Links