critters

🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest. (by GoogleChromeLabs)

Critters Alternatives

Similar projects and alternatives to critters

  1. purgecss

    55 critters VS purgecss

    Remove unused CSS

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. styled-system

    34 critters VS styled-system

    ⬢ Style props for rapid UI development

  4. critical

    13 critters VS critical

    Extract & Inline Critical-path CSS in HTML pages

  5. critical-path-css-tools

    Tools to prioritize above-the-fold (critical-path) CSS

  6. webpack-static-pages-template

    Optimizing static website with Webpack 5

  7. svg-spritemap-webpack-plugin

    SVG spritemap plugin for webpack

  8. uncss

    7 critters VS uncss

    Remove unused styles from CSS

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. webpack-assets-manifest

    This webpack plugin will generate a JSON file that matches the original filename with the hashed version.

  11. csso

    6 critters VS csso

    CSS minifier with structural optimizations

  12. penthouse

    Generate critical css for your web pages

  13. webpack-config-plugins

    Provide best practices for webpack 4 loader configurations

  14. compression-webpack-plugin

    Prepare compressed versions of assets to serve them with Content-Encoding

  15. mangle-css-class-webpack-plugin

    Minifies and obfuscates the class names in your existing JavaScript, CSS, and HTML without any modern css modules.

  16. critters

    1 critters VS critters

    CSS optimization using critters for Nuxt (by nuxt-modules)

  17. jampack

    2 critters VS jampack

    Optimizes static websites for best user experience and best Core Web Vitals scores.

  18. FiraSourceMono

    Discontinued A customized version of Fira Code with some non-default stylistic sets baked-in

  19. sat-css-tool

    Minify CSS files through refactoring

  20. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better critters alternative or higher similarity.

critters discussion

Log in or Post with

critters reviews and mentions

Posts with mentions or reviews of critters. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-03-25.
  • Show HN: Jampack – Optimizes static websites as a post-processing step
    3 projects | news.ycombinator.com | 25 Mar 2024
    I'm interested in the notion of identifying "critical" CSS that should be inlined rather than live in its own stylesheet.

    I was hoping there was some principled way of identifying critical and non-critical CSS (e.g. user interaction effects like :hover would always be considered non-critical), but it looks like the library it's using just tries to render your page and do a best-effort detection on which rules are considered critical, which is a little unsatisfying: https://github.com/GoogleChromeLabs/critters

  • Optimize CSS with SAT Solving
    5 projects | news.ycombinator.com | 17 Mar 2024
    https://github.com/GoogleChromeLabs/critters Might be a good starting point. It’s designed to inline the css afterward so it’s more focused on extracting used css than removing unused.
  • Critical CSS and Next.js App Directory
    1 project | /r/nextjs | 26 Nov 2023
    With the Pages dir, we had experimental support for critters. That was good enough for me
  • Remove CSS Styles and Apply Styles to All Elements
    1 project | /r/css | 7 May 2023
    Critters does something similar but it is intended to inline only the CSS that is visible upon the page load (top of the page). There is also a Vite plugin that inlines everything that is possible to inline
  • Optimizing CSS Performance in Nuxt with Critters
    2 projects | dev.to | 26 Dec 2022
    // nuxt.config.js import { defineNuxtConfig } from 'nuxt' export default defineNuxtConfig({ modules: ['@nuxtjs/critters'], critters: { // Options passed directly to critters: https://github.com/GoogleChromeLabs/critters#critters-2 config: { // Default: 'media' preload: 'swap', }, }, })
  • Critical CSS? Not So Fast
    5 projects | news.ycombinator.com | 10 Sep 2022
    I find critters[0] quite easy to work with and well worth implementing on my nextjs or Astro projects.

    I build a lot of landing pages so there are very few multi page visits.

    [0] https://github.com/GoogleChromeLabs/critters

  • Vue Webpack - possible to extract some CSS but not all?
    1 project | /r/vuejs | 24 Dec 2021
    Doesn't critters do this already? https://github.com/GoogleChromeLabs/critters I could be wrong though
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 21 May 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Stats

Basic critters repo stats
7
3,437
6.1
7 months ago

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?