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.
- NodeJS >= 12.x.x
- NuxtJS >= 2.15.0
- 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.
- 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
You can use
nuxt-speedkit
with Internet Explorer 11 browser. Learn more at Browser compatibility
![]() IE / Edge |
![]() Firefox |
![]() Chrome |
![]() Safari |
![]() iOS Safari |
![]() Samsung |
![]() Opera |
![]() Vivaldi |
---|---|---|---|---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
- Clone this repository.
- Install dependencies using
npm install
oryarn install
. - Start development server using
npm run dev
oryarn dev
.
- Clone this repository.
- Install dependencies using
npm install
oryarn install
. - Build and start with express
npm run start:generate
oryarn start:generate
. - Open http://127.0.0.1:3000 in Browser.
or look here
- add detector for https://github.com/nuxtlabs/vue-telescope-analyzer