critters
critters copied to clipboard
🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
For any CSS where there is animation declarations, the library will throw an error if the index `i` is out of bounds of the Array of critical keyframe names, since...
When the input html contains a stylesheet which is already loaded async with the media strategy example: ```html ``` Critters will output an addition noscript tag and change the `onload`...
Suppose your stylesheet has `body, html, div, p { margin: 0; padding: 0 }`, but your document does not have a `p`. The produced inline stylesheet will only have `body,...
We've been getting reports of performance hits when using critters for per-request inlining of styles using SSR. See for example: * https://github.com/nuxt-community/critters-module/issues/21 * https://github.com/nuxt/nuxt.js/issues/8569#issuecomment-873419661 * https://github.com/vercel/next.js/pull/16539#issuecomment-877409549 What do you think?...
## Description of changes This change updates `shouldInlineFonts` to evaluate as described in the README: true if either the `fonts` or `inlineFonts` option is set to true. At the moment,...
See preactjs/preact-cli#1188 - `` are currently included in critical rules, which should never be the case.
It seems that this doesn't find the CSS output files (`E_NOENT`) when HtmlWebpackPlugin is set up to append the hash in the query string. (There are alternative ways to bust...
Was testing using Critters to inline some critical CSS and noticed that it's inserting HTML/HEAD/BODY tags into output files that don't already have these tags. These files intentionally don't have...
I'm using Critters in my webpack project with the following configuration: ```js new Critters({ mergeStylesheets: true, inlineFonts: true, }) ``` I'm using this in combination with MiniCssExtractPlugin. When I add...