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


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


Basics

Nuxt Booster

Nuxt Booster