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 Speedkit is a performance optimization module for generating websites. It dynamically loads components and resources based on the viewport, optimizing the initial load of javascript files and preventing the loading of unnecessary resources. It also offers an optional info layer concept to inform users about a reduced user experience in case of bandwidth or hardware limitations. Overall, Nuxt Speedkit aims to deliver the minimum required resources based on the current viewport, resulting in a high Lighthouse performance score.

Features

  • Dynamic loading of viewport-based page resources like fonts, components, pictures, images, and iframes.
  • Optional blocking of javascript execution by initial performance measuring.
  • Optimized initial load of javascript files by eliminating unnecessary javascript files.
  • Prevention of loading unnecessary resources (including components) outside the current viewport.
  • Optional info layer concept to inform users about a reduced UX when bandwidth or hardware is compromised.
  • Completely new approach to font declaration.
  • Optimized picture component with support for viewport-based sources (e.g., landscape/portrait).
  • Optimized image component.
  • Supports SEO-friendly lazy hydration mode (picture + image).
  • Optimized youtube/vimeo component with auto-generated poster image in different resolutions.

Installation

To install Nuxt Speedkit, make sure you have the following requirements:

  • NodeJS >= 12.x.x
  • NuxtJS >= 2.15.0

Then, follow the documentation at nuxt-speedkit.grabarzundpartner.dev/v1/ for detailed installation and usage instructions.

Summary

Nuxt Speedkit is a powerful module for optimizing website performance. By dynamically loading resources based on the viewport and eliminating unnecessary files, it ensures a fast initial load and reduces the amount of data transferred. With its various optimization features and support for lazy hydration, Nuxt Speedkit can help developers achieve a high Lighthouse performance score and improve the overall user experience of their website.