Displaying 1 to 6 from 6 results

isomorphic-style-loader - CSS style loader for Webpack that is optimized for isomorphic (universal) web apps

  •    Javascript

CSS style loader for Webpack that works similarly to style-loader, but is optimized for critical path CSS rendering and also works great in the context of isomorphic apps. It provides two helper methods on to the styles object - ._insertCss() (injects CSS into the DOM) and ._getCss() (returns a CSS string).Note: Configuration is the same for both client-side and server-side bundles. For more information visit https://webpack.js.org/configuration/module/.

critters - 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

  •    Javascript

Critters is a Webpack plugin that inlines your app's critical CSS and lazy-loads the rest. It's a little different from other options, because it doesn't use a headless browser to render content. This tradeoff allows Critters to be very fast and lightweight. It also means Critters inlines all CSS rules used by your document, rather than only those needed for above-the-fold content. For alternatives, see Similar Libraries.

critical-css-server - Eliminate render-blocking CSS in above-the-fold content

  •    Javascript

Your page has blocking CSS resources. This causes a delay in rendering your page. None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML. This server generates the critical path CSS for you. It is designed to sit alongside your production app, and prepare the critical CSS asynchronously.

grunt-critical - Grunt task to extract & inline critical-path CSS from HTML

  •    HTML

Run this task with the grunt critical command. Task targets, files and options may be specified according to the grunt Configuring tasks guide.

atf - atf (above-the-fold) prints out above-the-fold css for whatever site you want.

  •    Javascript

atf (above-the-fold) prints out above-the-fold css for whatever site you want. PS: Doesn't work yet for styles loaded under SSL ¯_(ツ)_/¯.