Vue Templates Logo Vue Templates
Nuxt Booster screenshot

Nuxt Booster

Author Avatar Theme by Basics
Updated: 18 May 2025
757 Stars

nuxt-booster will help you to improve the lighthouse performance score (100/100) of your website.

Github Live Preview

Categories

Nuxt Vitepress

Overview:

Nuxt Booster is a performance optimization tool for generated websites using Next.js. It focuses on improving Lighthouse performance by loading components and resources on demand based on viewport. The tool offers features such as dynamic loading of page resources, optional blocking of Javascript execution, and optimized loading of resources to enhance user experience.

Features:

  • Dynamic Loading: Components and resources are loaded on demand based on the viewport.
  • Optional Blocking of Javascript: Can block the execution of Javascript initially for performance measuring.
  • Optimized Initial Load: Eliminates unnecessary Javascript files for an optimized initial load.
  • Prevents Loading Unnecessary Resources: Avoids loading resources outside of the current viewport.
  • Info Layer Concept: Informs users about reduced UX in compromised bandwidth/hardware situations.
  • Font Declaration: Introduces a new approach to font declaration for optimization.
  • SEO-friendly Lazy Hydration: Supports a lazy hydration mode, optimizing picture and image components.
  • Optimized Media Components: Supports efficient loading of images, YouTube, and Vimeo components.

Installation:

To install Nuxt Booster, ensure you have NodeJS version 19 or higher and NuxtJS version 3.5.0 or above. Follow these steps:

  1. Add Nuxt Booster to your project:
npm install nuxt-booster
  1. Check the documentation for detailed instructions on setup and usage.

Summary:

Nuxt Booster is a powerful tool for optimizing website performance by dynamically loading resources and components based on viewport, optimizing the initial load, and providing an improved user experience. With features such as lazy hydration, media component optimization, and optional blocking of Javascript execution, this tool can help achieve a perfect Lighthouse performance score. It offers an innovative approach to web performance optimization and can be used with Internet Explorer 11 and other major browsers.