Neurotic Programmer Masquerade

    nuxt-speedkit

    2.0.18 • Public • Published

    share me:

    nuxt-speedkit

    Nuxt Speedkit

    Grabarz & Partner - Module

    main next next Sonarcloud Status

    npm version npm downloads

    Renovate - Status License

    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.

    Demos

    Getting Started

    Please follow the 📖   Documentation

    Nuxt Speedkit (v1) documentation has been moved to nuxt-speedkit.grabarzundpartner.dev/v1/.

    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

    Browsers support

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

    IE / Edge
    IE / Edge
    Firefox
    Firefox
    Chrome
    Chrome
    Safari
    Safari
    iOS Safari
    iOS Safari
    Samsung
    Samsung
    Opera
    Opera
    Vivaldi
    Vivaldi
    Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

    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

    Consulting & Support

    Do you need further support, a consultation or a code review for an appropriate fee? Just contact us via eMail: dev@grabarzundpartner.de. We are looking forward to your request.

    License

    MIT License

    Keywords

    none

    Install

    npm i nuxt-speedkit

    DownloadsWeekly Downloads

    2,325

    Version

    2.0.18

    License

    MIT

    Unpacked Size

    109 kB

    Total Files

    61

    Last publish

    Collaborators

    • gp-dev
    • sgerbeth
    • lammpee