BrowserUX Preload Assets
Boostez les performances de votre interface web en préchargeant intelligemment les ressources critiques.
BrowserUX Preload Assets est un
plugin Vite configurable qui simplifie l'injection des balises <link rel="preload"> et
<link rel="preconnect"> pour les images, polices, fichiers JS et CSS essentiels.
Grâce à une configuration explicite ou aux attributs de balisage HTML, vous gardez le contrôle sur les ressources
prioritaires lors du chargement initial. Compatible avec les thèmes clair/sombre
(via BrowserUX Theme Switcher) et Google Fonts, il améliore la vitesse de rendu.
npm install vite-plugin-preload-assets
Plugin pour Vite
Voir le CHANGELOG
Fonctionnalités clés de BrowserUX Preload Assets
- 📷 Précharge automatiquement les images marquées avec
data-preload, indépendamment de l'ordre des attributs - 🖼️ Prend en charge
srcset: toutes les URLs candidates sont préchargées automatiquement - ⚡ Ajoute
fetchpriority="high"sur les images explicitement préchargées - 🌗 Gère les variantes dark mode (classe
has-dark) et précharge les versions claire et sombre - 🔤 Précharge les polices via configuration,
crossoriginajouté automatiquement selon la spec - 🧠 Utilise
rel="modulepreload"pour les fichiers JS critiques (correct pour la sortie ESM de Vite) - 🎨 Précharge les fichiers CSS critiques en faisant correspondre les noms d'entrée configurés avec la sortie du build
- 🌐 Injecte automatiquement les balises
<link rel="preconnect">pour Google Fonts - 🔁 Déduplique toutes les balises injectées, aucun doublon entre la config et le HTML
- 🏗️ Build uniquement, ne s'exécute jamais en mode développement (
apply: 'build') - 🚀 Zéro dépendance runtime
- 🧼 Aucune modification manuelle du HTML requise au-delà de
data-preloadsur les images