Important
🚨 nuxt-speedkit becomes nuxt-booster with full Nuxt 3 support. Please update your dependencies. You can still retrieve version 2 (nuxt-booster@2), but it will no longer be maintained

Nuxt Speedkit

Nuxt Speedkit takes over the Lighthouse performance optimization of your generated website. All used components and resources are loaded on demand based on the viewport.

Requirements

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

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 of unnecessary javascript files
prevents the loading of unnecessary resources (including components) that are outside the current viewport.
optional info layer concept to inform users about a reduced UX when bandwidth or hardware is compromised.
completely new approach of font declaration
optimized picture component (supports viewport based sources e.g. landscape/portrait)
optimized image component
supports SEO-friendly lazy hydration mode (picture + image)
optimized youtube/vimeo component (auto generated poster image in different resolutions)

Results

delivery of the minimum required resources based on the current viewport
if you use the tools as specified you will get a lighthouse performance score of 100/100

📖 Read more