Killblanks

  • Help you solve the problem of white screen
  • Better user experience
  • Content loads faster
GitHub forks GitHub stars npm downloads GitHub license

Simple configuration⚙️

Pre-rendering and skeleton screen can be added to the page through simple configuration

Prerendered + skeleton💀

You can use only pre-rendering or a combination of pre-rendering + skeleton screen

Improve performance⚡

By using pre-rendering and skeleton screens, the page FCP and LCP can be significantly improved

Quick start 🦴

# 1. Install

  yarn add @killblanks/prerender -D

# 2. Config

// webpack.config.js
const prerender = require('@killblanks/prerender')

export default {
  ...
  plugins: [new prerender()]
  ...
}

# 3. Use @killblanks/skeleton-ext

# 4. Use the generated skeleton screen components in the project

# 5. Enter PRERENDER_SKELETON in the Chrome console to start the skeleton screen preview