@gridsome/plugin-critical

Extracts and inlines critical-path (above-the-fold) CSS

Usage no npm install needed!

<script type="module">
  import gridsomePluginCritical from 'https://cdn.skypack.dev/@gridsome/plugin-critical';
</script>

README

@gridsome/plugin-critical

Extracts & inlines critical-path (above-the-fold) CSS

Install

  • yarn add @gridsome/plugin-critical
  • npm install @gridsome/plugin-critical

Usage

module.exports = {
  plugins: [
    {
      use: '@gridsome/plugin-critical',
      options: {
        paths: ['/'],
        width: 1300,
        height: 900
      }
    }
  ]
}