Qu'est-ce que Generateur de balises modulepreload ?
Modulepreload est un prechargement specialise pour les scripts de module ES. Contrairement au preload standard, modulepreload comprend les graphes de dependances des modules. Il est couramment utilise dans les sorties Vite et Astro. Il necessite l'attribut crossorigin correct pour les modules inter-origines.
Réponse rapide
Utilisez modulepreload pour recuperer, analyser et compiler de manière speculative les dependances de modules ES avant qu'elles ne soient necessaires. Il fonctionne comme preload mais est concu specifiquement pour les scripts de module JavaScript.
Last updated: 2026-05-25
Limites
- Modulepreload n'est efficace que pour les scripts de module ES (type='module'). Il ne s'applique pas aux scripts classiques.
- La compatibilite navigateur est en retard par rapport au preload standard. Firefox a ajoute la prise en charge dans 115+, Safari dans 17.2+.
- Modulepreload recupere le module mais ne l'execute pas. L'execution a toujours lieu lorsque la balise de script du module est rencontree.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Comment utiliser cet outil
- Saisissez le chemin ou l'URL du script du module.
- Choisissez si le module est de meme origine ou d'origine croisee.
- L'outil ajoute l'attribut crossorigin correct pour le type d'origine selectionne.
- Copiez la balise dans l'en-tete de la page avant les autres scripts de module.
A quoi il sert
- Ajouter modulepreload pour un module d'entree JavaScript construit avec Vite.
- Precharger un fragment de module ES partage pour des transitions de page plus rapides.
- Optimiser le chargement des modules sur un site statique construit avec Astro ou SvelteKit.