Vite Cold Start White Screen? A Plugin Shows Resource Loading on Page

Short summary

A Vite plugin (vite-plugin-white-screen-progress) visualizes resource loading progress during dev server startup, showing detailed metrics including timing, transfer size, and resource type directly on-page without opening DevTools. The plugin supports multiple display themes (fixed, simple, normal) and integrates via npm install with zero configuration required. Ideal for debugging white-screen delays and optimizing load times in complex Vue applications.

• •Plugin displays resource loading metrics on-page during Vite dev server startup
• •Eliminates need to open Chrome DevTools to monitor white-screen duration
• •Configurable display themes and simple npm install integration

Generated with AI, which can make mistakes.