Extract & Inline Critical-path CSS in HTML pages
-
Updated
Apr 21, 2024 - JavaScript
Extract & Inline Critical-path CSS in HTML pages
🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API
🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
Grunt task to extract & inline critical-path CSS from HTML
Gulp for Magento 2. It works with core Magento styles (less) and structure. Uses default theme configs from dev/tools/grunt/configs/local-themes.js.
An Eleventy starter project built to be fast
PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.
Eliminate render-blocking CSS in above-the-fold content
Vite.js & Rollup plugin for generating critical CSS
📝All the critical styles you've used to render a page.
A browser widget to extract Critical CSS and Full CSS from a page. Can be used via the browser console.
Gulp plugin for extracting critical path css
Starter Project is the easiest way to implement the latest best practices on your project.
🦔 Inline —
gluebert.js is a tiny helper lazy loading DOM Elements, StyleSheets and JavaScript files using dynamic import and code splitting
#1 to unlock breakneck page speed
High performance critical css extraction with a great configuration abilities
mix.critical()
Add a description, image, and links to the critical-css topic page so that developers can more easily learn about it.
To associate your repository with the critical-css topic, visit your repo's landing page and select "manage topics."