Purgecss

PurgeCSS es un purificador y optimizador de CSS para pipelines de compilación, diseñado para reducir el tamaño final de las hojas de estilo. Funciona como una herramienta de tree shaking que analiza archivos HTML y JavaScript para identificar y eliminar selectores CSS no utilizados.

La herramienta optimiza las cargas útiles de CSS realizando un análisis estático del contenido para detectar qué estilos se utilizan realmente en el marcado. Utiliza coincidencia de patrones basada en expresiones regulares para encontrar nombres de clases potenciales sin ejecutar código y emplea una transformación de AST basada en PostCSS para eliminar de forma segura las reglas no utilizadas.

El proyecto proporciona capacidades para la automatización de compilaciones frontend, permitiendo que la eliminación de estilos no utilizados se integre directamente en empaquetadores de módulos y ejecutores de tareas. También incluye un filtro de lista blanca personalizada para preservar selectores esenciales, independientemente de si se detectan durante el análisis del contenido.

Features

CSS Selector Purging - Removes CSS rules whose selectors do not match any elements found during the static content scan.
Content Pattern Matching - Uses regex-based pattern matching to identify potential CSS class names within HTML and JavaScript files.
CSS AST Transformations - Employs a PostCSS-based AST transformation to safely remove unused rules from the stylesheet structure.
Markup Usage Analysis - Scans HTML and JavaScript files to create a comprehensive list of all CSS selectors used in the markup.
CSS Payload Reduction - Reduces the total byte size of delivered CSS by purging redundant and unused rules.
CSS Unused Style Removers - Automates the removal of unused styles by integrating with module bundlers and task runners.
CSS Build Tools - Acts as a build-time engine that scans source files to optimize and compile CSS styles.
Frontend Build Toolchains - Integrates style cleanup directly into the frontend build toolchain for automated deployment.
Build Tool Integrations - Integrates directly as an extension within common build systems to automate stylesheet optimization.
CSS Selector Whitelists - Provides a whitelist filter to ensure essential CSS selectors are preserved regardless of content analysis.
Web Performance Tuning - Eliminates dead CSS code to decrease browser rendering time and minimize data transfer.
CSS Optimization - Remove unused CSS to reduce file size.

Historial de estrellas

FullHumanpurgecss

Name: fullhuman/purgecss
Author: FullHuman

View on GitHub

8,043 estrellas244 forksTypeScriptMIT2 vistaspurgecss.com

Purgecss

Features

CSS Selector Purging - Removes CSS rules whose selectors do not match any elements found during the static content scan.
Content Pattern Matching - Uses regex-based pattern matching to identify potential CSS class names within HTML and JavaScript files.
CSS AST Transformations - Employs a PostCSS-based AST transformation to safely remove unused rules from the stylesheet structure.
Markup Usage Analysis - Scans HTML and JavaScript files to create a comprehensive list of all CSS selectors used in the markup.
CSS Payload Reduction - Reduces the total byte size of delivered CSS by purging redundant and unused rules.
CSS Unused Style Removers - Automates the removal of unused styles by integrating with module bundlers and task runners.
CSS Build Tools - Acts as a build-time engine that scans source files to optimize and compile CSS styles.
Frontend Build Toolchains - Integrates style cleanup directly into the frontend build toolchain for automated deployment.
Build Tool Integrations - Integrates directly as an extension within common build systems to automate stylesheet optimization.
CSS Selector Whitelists - Provides a whitelist filter to ensure essential CSS selectors are preserved regardless of content analysis.
Web Performance Tuning - Eliminates dead CSS code to decrease browser rendering time and minimize data transfer.
CSS Optimization - Remove unused CSS to reduce file size.

Alternativas open-source a Purgecss

Proyectos open-source similares, clasificados según cuántas características comparten con Purgecss.

uncss/uncss
uncss/uncss
9,408Ver en GitHub
Uncss is a build pipeline CSS optimizer and optimization tool designed to remove unused styles from stylesheets. It analyzes HTML files to identify and strip selectors that do not match any elements in the markup, reducing the final stylesheet size and overall web page weight. The tool functions as a DOM-based CSS analyzer that can simulate runtime document states. It provides mechanisms to preserve required selectors through the use of literal names, regular expressions, and specialized CSS comment markers to ensure styles triggered by user interactions are not deleted. The project supports
JavaScriptbuild-toolcleanupcss
Ver en GitHub9,408
purifycss/purifycss
purifycss/purifycss
9,863Ver en GitHub
PurifyCSS is a CSS unused style remover and payload optimizer that analyzes HTML and templates to identify and delete unused CSS selectors from stylesheets. It functions as a frontend build automation tool that integrates into development pipelines to automatically strip redundant styles and minify assets during the compilation phase. The tool provides specific optimization for single page applications, identifying and removing redundant CSS while ensuring necessary styles are preserved across dynamic views and states. The utility covers a range of capabilities including static content analy
JavaScript
Ver en GitHub9,863
uncss/grunt-uncss
uncss/grunt-uncss
3,795Ver en GitHub
grunt-uncss is a CSS dead code eliminator and static analysis build tool. It functions as a Grunt CSS optimization plugin that identifies and deletes redundant style rules to reduce stylesheet file sizes and improve frontend performance. The tool analyzes HTML files and headless browser DOM states to detect styles that do not match any elements in the markup. It supports the protection of specific selectors through whitelists to ensure that styles for dynamically injected elements are preserved during the cleanup process. The project covers frontend asset minification by compressing cleaned
HTML
Ver en GitHub3,795

Preguntas frecuentes

¿Qué hace fullhuman/purgecss?

¿Cuáles son las características principales de fullhuman/purgecss?

Las características principales de fullhuman/purgecss son: CSS Selector Purging, Content Pattern Matching, CSS AST Transformations, Markup Usage Analysis, CSS Payload Reduction, CSS Unused Style Removers, CSS Build Tools, Frontend Build Toolchains.

¿Qué alternativas de código abierto existen para fullhuman/purgecss?

Las alternativas de código abierto para fullhuman/purgecss incluyen: uncss/uncss — Uncss is a build pipeline CSS optimizer and optimization tool designed to remove unused styles from stylesheets. It… purifycss/purifycss — PurifyCSS is a CSS unused style remover and payload optimizer that analyzes HTML and templates to identify and delete… uncss/grunt-uncss — grunt-uncss is a CSS dead code eliminator and static analysis build tool. It functions as a Grunt CSS optimization… windicss/windicss — Windi CSS is a utility-first CSS framework that generates only the CSS classes actually used in a project, scanning… cssnano/cssnano — cssnano is a CSS compression tool and minifier that reduces the file size and gzip footprint of stylesheets. It… facebook/stylex — StyleX is a type-safe CSS-in-JS library and atomic CSS compiler that transforms JavaScript style definitions into…