in

Nuxt Speedkit takes over the Lighthouse performance optimization of your generated website


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 (subselectors, media queries), components, pictures
  • optional loading prevention of resources at low bandwidth or weak hardware
  • 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.

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

Browsers support

You can use nuxt-speedkit with Internet Explorer 11 browser. Learn more at Browser compatibility

Development

  1. Clone this repository.
  2. Install dependencies using npm install or yarn install.
  3. Start development server using npm run dev or yarn dev.

Preview

  1. Clone this repository.
  2. Install dependencies using npm install or yarn install.
  3. Build and start with express npm run start:generate or yarn start:generate.
  4. Open http://127.0.0.1:3000 in Browser.

or look here




Leave a Reply

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

GIPHY App Key not set. Please check settings

Busta Rhymes’s Commanding VMAs Performance Is One Brooklyn Won’t Ever Forget thumbnail

Busta Rhymes’s Commanding VMAs Performance Is One Brooklyn Won’t Ever Forget

A command line utility that lets you encode any file to a character set of your choice