Pack Web

Regroupement pour les applications Web modernes

Les applications Web modernes utilisent souvent un outil de regroupement pour créer un "bundle" de production de fichiers (scripts, feuilles de style, etc.) qui est optimisé, minimisé et peut être téléchargé plus rapidement par vos utilisateurs. Dans Optimisation des performances Web avec webpack, nous allons voir comment optimiser efficacement les ressources du site à l'aide de webpack. Cela peut aider les utilisateurs à charger et à interagir plus rapidement avec vos sites.

Logo Webpack.

webpack est l'un des outils de regroupement les plus populaires utilisés aujourd'hui. En profitant de ses fonctionnalités d'optimisation du code moderne, en divisant le code en éléments critiques et non critiques, et en supprimant le code inutilisé (pour ne citer que quelques optimisations), vous pouvez vous assurer que votre application a un coût de réseau et de traitement minimal.

Avant et après l'application des optimisations JavaScript Amélioration du temps de chargement  

Inspiré de Divergence de code dans Bundle Buddy par Susie Lu

Commençons par examiner l'optimisation de l'une des ressources les plus coûteuses d'une application moderne : JavaScript.