BrowserUX Preload Assets

Boostez les performances de vos interfaces web en préchargeant intelligemment les ressources critiques.

BrowserUX Preload Assets est un plugin Vite configurable qui facilite l’injection des balises <link rel="preload"> et <link rel="preconnect"> pour les images, polices, fichiers JS et CSS essentiels. À l’aide d’une configuration explicite ou d’attributs dans le markup HTML, vous gardez le contrôle sur les ressources à prioriser lors du chargement initial. Compatible avec le thème clair/sombre (via BrowserUX Theme Switcher) et les Google Fonts, il améliore la vitesse de rendu.

Télécharger v1.2.3

Plugin pour Vite
Voir le CHANGELOG

npm install vite-plugin-preload-assets

Fonctionnalités

- 📷 Précharge automatiquement les images marquées avec data-preload
- 🌗 Gère les variantes en mode sombre (lors de l'utilisation de browserux-theme-switcher) et les précharge également (ex. : logo-dark.png)
- 🧠 Précharge les fichiers JS/CSS critiques en détectant dynamiquement les noms configurés dans le résultat du build
- 🔤 Précharge les polices via la configuration (fontsToPreload)
- 🌐 Injecte automatiquement les balises link rel="preconnect" pour Google Fonts (fonts.googleapis.com, fonts.gstatic.com)
- 🚀 Optimise les performances de chargement initial sans aucun effort manuel
- 🧼 Aucune modification manuelle du HTML requise