Nuxt Booster

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.