Blazor.LazyStyleSheet
A Blazor library for lazy loading CSS style sheets to improve page load performance by loading styles only when components need them.
Overview
Excubo.Blazor.LazyStyleSheet is a library for Blazor applications that enables lazy loading of CSS style sheets. It addresses slow page load issues by splitting style sheets into smaller chunks that are loaded only when components actually need them, leveraging HTTP/2's capabilities for better performance.
Key Features
- Component-Specific Styles — Write dedicated style sheets for each Blazor component, keeping styles modular and organized.
- Automatic Injection — Automatically injects styles for components with matching
.razor.cssor.razor.scssfiles, simplifying development. - Duplicate Prevention — Ensures style sheets are added to the DOM only once, even if referenced multiple times, based on exact URL matching.
- Build Integration — Integrates seamlessly with Excubo.WebCompiler for automatic SCSS/Sass compilation, minification, and compression.
- Configurable Pipeline — Offers configuration options for static asset folders, minification, compression, and auto-injection behavior via project settings.
Philosophy
The library embraces the HTTP/2 protocol's efficiency for loading small files and promotes a component-centric approach to styling, where each component manages its own styles for better maintainability and performance.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
