geuis/helium-css
Helium Css
Helium-css is a command-line diagnostic utility designed to identify unused CSS selectors across web projects. By performing static analysis on style sheets and comparing them against the rendered document object model, the tool detects redundant style definitions that do not correspond to any elements on a page.
The tool functions by automating a headless browser to crawl multiple URLs, aggregating selector usage data to provide a comprehensive view of CSS coverage for an entire website. This process allows developers to audit frontend assets and remove legacy code, which reduces the total size of style sheets and minimizes unnecessary network payloads.
This utility supports ongoing web site maintenance by auditing large-scale projects to ensure that CSS files remain lean. It is distributed as a command-line interface for integration into development and auditing workflows.
Features
- CSS Selector Purging - Identifies and reports CSS selectors that do not match any elements within the document object model to reduce unnecessary file size.
- Stylesheet Optimizations - Reduces the total size of stylesheets by identifying and removing unused rules to improve page load speeds and rendering performance.
- Asset Auditors - Analyzes production websites to discover redundant styles and unused selectors that contribute to unnecessary network payload.
- Static Analysis Tools - Evaluates web page structure against external style sheets to report unused code patterns through static analysis.
- DOM Traversers - Traverses the live document object model of rendered pages to verify the presence of elements matching specific style sheet selectors.
- Cross-Page Aggregators - Aggregates selector usage data across multiple URLs to provide a comprehensive view of CSS coverage for an entire website.
- Maintenance Auditors - Audits large-scale web projects to clean up legacy code and ensure that CSS files remain lean and relevant over time.
- Static Parsers - Parses raw style sheet files into an abstract syntax tree to extract all defined selectors for comparison against the DOM.
- Headless Browser Controllers - Controls headless browser instances to programmatically load pages and capture the final state of the rendered document.
- Web Performance Optimization Tools - Reduces page load times by identifying and removing redundant style definitions from site stylesheets.
