critters
🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
APACHE-2.0 License
Bot releases are hidden (Show)
What's Changed
- Updated to Critters 0.0.16
- fix: add missing peer dependency
html-webpack-pluginby @merceyz in https://github.com/GoogleChromeLabs/critters/pull/91 - fix: add createRequire for try/catched require('html-webpack-plugin').getHooks(compilation) by @dmnsgn in https://github.com/GoogleChromeLabs/critters/pull/85
New Contributors
- @merceyz made their first contribution in https://github.com/GoogleChromeLabs/critters/pull/91
- @dmnsgn made their first contribution in https://github.com/GoogleChromeLabs/critters/pull/85
Full Changelog: https://github.com/GoogleChromeLabs/critters/compare/critters-webpack-plugin-3.0.1...critters-webpack-plugin-3.0.2
Published by developit almost 3 years ago
What's Changed
- Add support for
:whereselector by @jeripeierSBB in https://github.com/GoogleChromeLabs/critters/pull/93 - Fix inlining of
-webkit-keyframes(often generated by scss) by @JessicaSachs in https://github.com/GoogleChromeLabs/critters/pull/96 (see #86) - Fix fs import breaking in ESM builds by @developit in https://github.com/GoogleChromeLabs/critters/pull/97
- Document
preload:falseoption by @kurtextrem in https://github.com/GoogleChromeLabs/critters/pull/95
New Contributors
- @JessicaSachs made their first contribution in https://github.com/GoogleChromeLabs/critters/pull/96
- @kurtextrem made their first contribution in https://github.com/GoogleChromeLabs/critters/pull/95
- @jeripeierSBB made their first contribution in https://github.com/GoogleChromeLabs/critters/pull/93
Full Changelog: https://github.com/GoogleChromeLabs/critters/compare/critters-0.0.15...critters-0.0.16
Published by developit almost 3 years ago
- Bugfix: add missing getter for
document.head(#87, thanks @rschristian!)
Published by developit almost 3 years ago
What's Changed
-
critters-webpack-pluginis now powered by a refactored standalonecrittersmodule. Processing now uses JSDOM and css-select (huge thanks thanks @janicklas-ralph and @alan-agius4 - #61, #80, #82) - Added support for html-webpack-plugin V4 (thank you @alexjie! #62, #84)
- Add swap-high preload mode by @developit in #56
Bug Fixes
- skip processing of remote stylesheets by @alan-agius4 in #75, #83
- Improve TypeScript typings by @developit in #76
- Use a real value for swap media by @developit in #39
Full Changelog: https://github.com/GoogleChromeLabs/critters/compare/2.5.0...critters-webpack-plugin-3.0.0
Published by developit almost 3 years ago
This fixes a bug in [email protected] where HTTP (as opposed to HTTPS) remote stylesheets were not skipped (thanks @alan-agius4 - #83)
Full Changelog: https://github.com/GoogleChromeLabs/critters/compare/critters-0.0.12...critters-0.0.13
Published by developit almost 3 years ago
What's Changed
- Update parser to postcss by @janicklas-ralph in https://github.com/GoogleChromeLabs/critters/pull/80
- fix: update css-select to version 4 by @alan-agius4 in https://github.com/GoogleChromeLabs/critters/pull/82
- fix: skip processing of remote stylesheets by @alan-agius4 in https://github.com/GoogleChromeLabs/critters/pull/75
- Improve TypeScript typings by @developit in https://github.com/GoogleChromeLabs/critters/pull/76
- Add swap-high preload mode by @developit in https://github.com/GoogleChromeLabs/critters/pull/56
Full Changelog: https://github.com/GoogleChromeLabs/critters/compare/57c4b40fb96d74e8c5ac5b00cbcd84a3c491db77...critters-0.0.12
- Adds a new
additionalStylesheetsoption, which allows inlining the critical styles from any emitted Webpack CSS asset matching the given pattern(s). Thanks @prateekbh for implementing this in #45!
plugins: [
new CrittersPlugin({
// inline styles from all CSS files, even if not referenced from our HTML:
includeMatchingStylesheets: ['*.css']
})
]
Published by developit almost 5 years ago
This is a patch release for Critters 1.x, which includes a backported fix for a bug where Keyframe rules would be erroneously treated as non-critical CSS. Special thanks to @filoozom and @pathacks for pointing out this should be backported and doing the work.
Please note this fix has already been shipped in Critters 2.x.
For those looking to install 1.x directly: npm i critters-webpack-plugin@legacy
- New
logLeveloption! "silent" disables size & selector errors. Other values described here. (#25, thanks @gribnoysup!) - Fix an exception when running under Webpack 3 and prior.
🦄 Moar performance features! (and a bugfix)
- Inlined styles are now merged into a single
<style>and minified together for better compression (passmergeStylesheets:falseto disable) - New
minimumExternalSizeoption avoids lazy-loading tiny non-critical stylesheets, simply inlining them if they're smaller than a given number of bytes. - Fix empty keyframe and media rules being incorrectly inlined in 2.0.0
🦄 Snazzy new performance features!
Critters now updates external stylesheets to remove any rules & selectors it inlined! No more duplicate CSS. You can turn this off and get the 1.x behavior using the pruneSource: false option.
A new inlineThreshold option tells Critters to completely inline stylesheets below a certain size without reducing them to "critical" rules. If you're building an application with a really small amount of CSS required for the first view and it's already in a dedicated file/asset, this option is for you!
