5 रिपॉजिटरी
Tools designed to reduce the size and improve the efficiency of CSS stylesheets.
Distinct from CSS Optimization: The candidates focus on swapping implementatons or specific value optimizations; a general optimizer category is needed.
Explore 5 awesome GitHub repositories matching web development · CSS Optimizers. Refine with filters or upvote what's useful.
clean-css is a Node.js CSS optimizer that functions as a minifier, bundler, and source map generator. It reduces stylesheet file sizes by removing whitespace and comments while optimizing colors and units to improve page load times. The tool features a plugin-driven pipeline that allows for custom optimization transformations and the preservation of specific code fragments via marker-based exclusions. It includes browser compatibility targeting to ensure optimized styles remain functional across specified browser versions. The project provides capabilities for bundling multiple stylesheets i
Provides a comprehensive suite of tools for shrinking and optimizing CSS files to improve page load times.
Clean-CSS is a Node.js CSS optimizer that functions as a minifier, bundler, and post-processor. It is designed to decrease total stylesheet volume by removing whitespace, comments, and redundant code. The project provides a pipeline for applying custom transformations and browser compatibility adjustments. It allows for the programmatic modification of CSS rules and values through a plugin system and the use of custom optimization plugins. The tool covers a broad range of asset optimization capabilities, including stylesheet bundling, import rule inlining, and relative URL rebasing. It also
Provides a JavaScript-based engine to optimize CSS properties and selectors to minimize overall stylesheet size.
inuit.css is a Sass-based CSS framework and design system tool focused on building scalable user interfaces. It serves as a modular preprocessor system that utilizes BEM architecture and OOCSS patterns to structure stylesheets into reusable components and layout abstractions. The framework distinguishes itself by separating structural layout logic from visual skinning, allowing for the creation of design-agnostic layout objects. It employs a configuration-driven build process where developers can use feature switches and variable overrides to inject design tokens and selectively include only
Optimizes production CSS by using feature switches to include only the required layout modules.
csso is a CSS minifier and optimizer that reduces stylesheet file sizes through structural analysis and algebraic transformations. It functions as an abstract syntax tree processor, converting styles into a structured tree to perform deep analysis and semantic-preserving code transformations while maintaining the original visual presentation. The project distinguishes itself through usage-aware optimization, analyzing external HTML markup and class identifiers to prune unused styles and reorganize rules based on actual document usage. It also performs structural refactoring by identifying and
Implements tools to reduce the size and improve the overall efficiency of CSS stylesheets.
This project is a Webpack plugin designed to automate the compression and refinement of CSS assets during the module bundling process. It functions as a build-time utility that intercepts generated stylesheets to reduce their total file size and improve performance for production deployments. The plugin distinguishes itself by providing a flexible architecture that supports third-party minification libraries, allowing developers to integrate specific compression engines into the build pipeline. It performs post-processing transformations on CSS files, including the identification and merging
Removes duplicate style definitions and shrinks file sizes to reduce the total footprint of production stylesheets.