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()]
...
}
- For more information, please check@killblanks/prerender
# 3. Use @killblanks/skeleton-ext
- For more information, please check@killblanks/skeleton-ext
# 4. Use the generated skeleton screen components in the project
- For example, like what is done in DEMO (opens new window)