Purgecss

Purgecss: Remove Unused CSS

Purgecss is a tool to remove unused CSS from your websites and applications. It scans your content and your CSS files to determine which selectors and rules are actually being used. It then removes the unused CSS, resulting in smaller CSS files and faster load times.

What is Purgecss?

Purgecss is an open-source tool that helps optimize the size of CSS files by removing unused CSS selectors. It works by scanning your HTML, JS, markdown, Pug, etc. files for class names, IDs, and other CSS selectors. It then compares these to the selectors defined in your CSS files and removes any CSS rules that do not have a matching selector in your content.

This allows you to develop with very broad CSS files initially without worrying about unused code. Before deploying to production, you can run Purgecss to streamline your CSS down to only the parts that are actually needed for your pages. This results in smaller CSS file sizes, faster page load speeds, and better performance - especially important for sites targeting mobile devices.

Some key benefits of using Purgecss:

• Remove unused CSS selectors that are bloating your CSS files
• Streamline CSS files to be as small and optimized as possible
• Speed up page load times by serving less CSS code
• No need to manually analyze CSS usage, Purgecss automates the process
• Integrates into common workflows like webpack, gulp, and more

Overall, Purgecss is a simple but powerful tool to optimize and slim down CSS files for websites and applications by removing unused code. This can provide substantial gains in performance for little effort.

Purgecss Features

Official Links