diff options
Diffstat (limited to 'files/fr/glossary/code_splitting/index.md')
-rw-r--r-- | files/fr/glossary/code_splitting/index.md | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/files/fr/glossary/code_splitting/index.md b/files/fr/glossary/code_splitting/index.md new file mode 100644 index 0000000000..16b30e574e --- /dev/null +++ b/files/fr/glossary/code_splitting/index.md @@ -0,0 +1,19 @@ +--- +title: La division du code +slug: Glossary/Code_splitting +translation_of: Glossary/Code_splitting +--- +<p>La <strong>division du code</strong> (« <i>code splitting</i> » en Anglais) est le fractionnement du code en divers bundles ou composants qui peuvent ensuite être chargés à la demande ou en parallèle.</p> + +<p>Au fur et à mesure qu'une application devient de plus en plus complexe ou est maintenue, la taille en octets des fichiers ou bundles CSS et JavaScripts augmente, en particulier à mesure que le nombre et la taille des bibliothèques tierces incluses augmentent. Pour éviter d'avoir à télécharger des fichiers gigantesques, les scripts peuvent être divisés en plusieurs fichiers plus petits. Ensuite, les fonctionnalités requises au chargement de la page peuvent être téléchargées immédiatement avec des scripts supplémentaires <a href="/fr/docs/Glossary/Lazy_load">chargés passivement</a> une fois que la page ou l'application soit interactive, améliorant ainsi les performances. Bien que la quantité totale de code soit la même (et peut-être même quelques octets plus grands), la quantité de code nécessaire lors du chargement initial peut être réduite.</p> + +<p>Le code splitting est une fonctionnalité prise en charge par les contructeurs (bundlers) comme <a href="https://webpack.js.org/">Webpack</a> et <a href="https://browserify.org/">Browserify</a> qui peut créer plusieurs bundles pouvant être chargés dynamiquement au moment de l'exécution.</p> + +<h2 id="see_also">Voir aussi</h2> + +<ul> + <li>Regroupement</li> + <li><a href="/fr/docs/Web/Performance/Lazy_loading">Lazy loading</a></li> + <li><a href="/fr/docs/Glossary/HTTP_2">HTTP/2</a></li> + <li><a href="/fr/docs/Glossary/Tree_shaking">Tree shaking</a></li> +</ul> |