Optimizing CSS Performance in Nuxt with Critters

1. critters

   1 7 3,437 6.1 JavaScript

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

   

   // 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', }, }, })

2. SurveyJS

   surveyjs.io featured

   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 dynamic JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. critters

   2 1 174 9.2 TypeScript

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

   

   Using this tool in Nuxt is relatively simple because there is already a module for that. If you like to learn more, make sure to check out the following link.

Suggest a related project