critical-css

There are 6 repositories under critical-css topic.

addyosmani / critical
Extract & Inline Critical-path CSS in HTML pages
css critical-css critical-path-css critical-path-styles inline-css inline-styles
Language:JavaScript 9961
GoogleChromeLabs / critters
🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
critical-css css inlining-critical-fonts webpack webpack-plugin
Language:JavaScript 3381
goober
cristianbote / goober
🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API
javascript css-in-js css preact react ssr critical-css styled styled-components goober emotion vanilla dom
Language:JavaScript 3040
gregives / Twelvety
An Eleventy starter project built to be fast
eleventy 11ty starter-project components sass critical-css minify responsive-images webp
Language:JavaScript 290
wildhaber / gluebert
gluebert.js is a tiny helper lazy loading DOM Elements, StyleSheets and JavaScript files using dynamic import and code splitting
dynamic-import intersectionobserver mutationobserver observable-streams lazy-loading twig handlebars mustache critical-css
Language:JavaScript 190
PlayForm / Inline
🦔 Inline —
astro critters critical-css inline-css playform inline astro-component astro-integration astro-critters astro-inline css performance withastro
Language:TypeScript 179
bezoerb / grunt-critical
Grunt task to extract & inline critical-path CSS from HTML
critical-path critical-css above-the-fold grunt
Language:HTML 154
theKashey / used-styles
📝All the critical styles you've used to render a page.
server css ssr codesplitting critical-css inlines-critical-styles
Language:TypeScript 135
nystudio107 / rollup-plugin-critical
Vite.js & Rollup plugin for generating critical CSS
vite vitejs rollup-plugin rollup critical-css critical
Language:TypeScript 88
zgreen / postcss-critical-css
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.
postcss critical-css postcss-plugin css postcss-critical-css
Language:JavaScript 85
philipp-winterle / crittr
High performance critical css extraction with a great configuration abilities
css extract performance critical-css critical-path atf above-the-fold critical penthouse critter
Language:JavaScript 51
ygoex / yetty
Yet another 11ty boilerplate to start a new website with optional blog. This boilerplate is based on eleventy-base-blog et al.
eleventy sass postcss scss jamstack netlify pwa critical-css webpack modernizr ssg 11ty purgecss
Language:SCSS 51
JamieMason / nextjs-typescript-tailwind-critical-css
Next.js 9.3 with TypeScript, tailwindcss, and inlined Critical CSS.
tailwind tailwindcss tailwind-css nextjs next typescript critical-css inline-styles next-js
Language:TypeScript 41
volodymyr-lisniak / magento-2-gulp
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.
magento2 gulp magento-2 es6 critical-css browsersync livereload npm composer less
Language:JavaScript 41
maliMirkec / starter-project
Starter Project is the easiest way to implement the latest best practices on your project.
gulp browsersync sass sasslint js javascript es6 eslint html pug-template-engine htmllint imagemin mozjpeg pngquant favicon critical-css jsdoc sassdoc kss cli
Language:JavaScript 37
pagespeed-pro / critical-css-widget
A browser widget to extract Critical CSS and Full CSS from a page. Can be used via the browser console.
widget javascript critical-css critical-path critical-rendering-path css extract above-the-fold
Language:JavaScript 37
Meow-Boilerplate
RedEagleAP / Meow-Boilerplate
:package: :cat2: Awesome Meow Boilerplate for creating Front-end projects in seconds!
sass webpack gulp front-end sassdoc itcss svg-sprites postcss framework linting critical-css babel
Language:CSS 34
homebound-team / truss
A TypeScript DSL for writing utility CSS in React/JSX
typescript css utility-css emotion critical-css dsl fela atomic-css react jsx
Language:TypeScript 31
maliMirkec / starter-project-cli
Starter Project CLI creates a perfect Gulp development environment within a few minutes.
gulp cli browsersync sass sasslint js javascript es6 eslint html pug-template-engine htmllint imagemin mozjpeg pngquant favicon critical-css jsdoc sassdoc kss
Language:JavaScript 31
bnznamco / nuxt-beastcss
Fast Critical CSS for Nuxt
critical-css css lighthouse lighthouse-score nuxt nuxt-generate nuxt-module nuxt-ssr nuxt2 nuxt3 nuxtjs
Language:TypeScript 30
wheeyls / critical-css-server
Eliminate render-blocking CSS in above-the-fold content
css critical-css inline-css above-the-fold pagespeed nodejs critical-path phantomjs
Language:JavaScript 28
alex-saunders / ecmasyntax.io
📖 PWA for ECMAScript syntax reference
react react-redux critical-css server-side-rendering express pwa
Language:JavaScript 23
angyvolin / gulp-penthouse
Gulp plugin for extracting critical path css
gulp-plugins penthouse critical-css
Language:JavaScript 18
sergei-zelinsky / react-critical-css
Extracts your critical CSS.
react critical-css server-side-rendering
Language:JavaScript 18
shakee93 / autoptimize-unusedcss
#1 to unlock breakneck page speed
wordpress speed unusedcss autoptimize google-page-speed rapidload critical-css image-optimization javascript-optimization speed-optimization speed-optimizer cdn wordpress-speed-optimisation
Language:PHP 18
wizardnet972 / critical-plugin
⚙️ Critical plugin for webpack (https://webpack.js.org/)
webpack webpack4 plugins plugin critical html css critical-css critical-path-css critical-path-styles inline-css inline-styles
Language:JavaScript 17
code-mattclaffey / performance-kit
image-compression lazy-loading critical-css hidden-images preconnect preloading-images youtube-player
Language:CSS 13
ivanvanderbyl / ember-cli-critical
Ember CLI addon which wraps Critical, to extract & inline critical-path (above-the-fold) CSS from HTML
ember-cli addon critical-css css inline-css
Language:JavaScript 11
rumaan / astro-critical-css
Inline Critical (above-the-fold) CSS in your Astro Project
astro critical-css css
Language:Astro 11
Sebobo / Shel.CriticalCSS
Allow adding and combining inline (scoped) styles in Neos CMS
neos-cms inline-styles critical-css hacktoberfest
Language:PHP 10
pagespeed-pro / widget
Professional Critical CSS and Above-the-fold optimizer widget.
css optimization design above-the-fold critical-css dev-tools stylesheet frontend-optimization browser-widget
9
ABVanton200 / critical-css-inliner
Inline critical CSS in HTML page using Puppeteer and Critical-css-parser
critical-css inline-styles critical-path puppeteer critical-css-parser css optimization
Language:JavaScript 8
attila / critical-css
Detects Above the Fold styles on sites and assembles a stylesheet of them.
critical-css above-the-fold critical-path
Language:JavaScript 7
RedEagleAP / light-boilerplate
:bulb: Lightweight and powerfull startkit for your next project!
boilerplate scss framework webpack gulp es2017 front-end critical-css e2e-testing sassdoc itcss babel postcss linting
Language:CSS 7
riasvdv / laravel-mix-critical
mix.critical()
laravel-mix laravel-mix-plugin critical-css penthouse
Language:JavaScript 7
Mati365 / rails-critical-css
Generate on demand critical css for component actions
rails rails5 critical-css critical-css-server gem performance lighthouse cls lcp
Language:Ruby 6

critical-css

addyosmani / critical

GoogleChromeLabs / critters

cristianbote / goober

gregives / Twelvety

wildhaber / gluebert

PlayForm / Inline

bezoerb / grunt-critical

theKashey / used-styles

nystudio107 / rollup-plugin-critical

zgreen / postcss-critical-css

philipp-winterle / crittr

ygoex / yetty

JamieMason / nextjs-typescript-tailwind-critical-css

volodymyr-lisniak / magento-2-gulp

maliMirkec / starter-project

pagespeed-pro / critical-css-widget

RedEagleAP / Meow-Boilerplate

homebound-team / truss

maliMirkec / starter-project-cli

bnznamco / nuxt-beastcss

wheeyls / critical-css-server

alex-saunders / ecmasyntax.io

angyvolin / gulp-penthouse

sergei-zelinsky / react-critical-css

shakee93 / autoptimize-unusedcss

wizardnet972 / critical-plugin

code-mattclaffey / performance-kit

ivanvanderbyl / ember-cli-critical

rumaan / astro-critical-css

Sebobo / Shel.CriticalCSS

pagespeed-pro / widget

ABVanton200 / critical-css-inliner

attila / critical-css

RedEagleAP / light-boilerplate

riasvdv / laravel-mix-critical

Mati365 / rails-critical-css