nuxt-timings

Timings integration for Nuxt

Usage no npm install needed!

<script type="module">
  import nuxtTimings from 'https://cdn.skypack.dev/nuxt-timings';
</script>

README

nuxt-timings

nuxt-timings

npm version npm downloads Github Actions CI Codecov License

Full visibility into your Nuxt render time for optimising performance

Features

  • Uses Nuxt server.timings to inject additional timings
  • Adds timings for Nuxt plugins and Vuex actions/mutations

Quick setup

  1. Add nuxt-timings dependency to your project
yarn add nuxt-timings # or npm install nuxt-timings
  1. Add nuxt-timings to the buildModules section of nuxt.config.js
{
  buildModules: [
    'nuxt-timings',
  ],
  timings: {
    // default value
    enabled: process.env.NODE_ENV === 'development'
  }
}

Development

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

License

MIT License