Astuce faites attention lorsque vous utilisez la version Slim de jQuery

Dans ce petit conseil, je vais vous expliquer quand vous devriez et ne devriez pas utiliser la «version slim» de jQuery. Pour ce conseil, je supposerai que vous connaissez jQuery ou en avez au moins entendu parler..

Regarder Screencast

 

jQuery vs jQuery Slim

Pour utiliser jQuery, vous devez normalement aller sur https://jquery.com/download/ et saisir l'un des packages proposés. Actuellement, la version de production compressée de jQuery pèse 87Kb. Ce n'est pas énorme, mais vous pouvez faire une économie supplémentaire de 17 Ko en optant pour la production comprimée. svelte version à la place.

Lorsque vous essayez d’optimiser les performances, vous réalisez toutes les économies possibles, mais voici le problème: la version slim permet d’économiser du poids en excluant les modules ajax et effets..

Le module ajax est probablement le moins utilisé des deux. Il contient des fonctions et des méthodes qui nous permettent de charger des données sans avoir à actualiser la page. Le module des effets, cependant, est plus susceptible de figurer dans vos sites Web; il contient des fonctions et des méthodes pour les animations couramment utilisées. animer() par exemple, fadein () et disparaître(), cacher(), spectacle() etc. Si vous avez déjà utilisé jQuery, il est probable que vous ayez utilisé l'une de ces méthodes..

Cela couvre donc le message essentiel ici: si vous avez besoin d’une des méthodes ou fonctions que vous trouvez dans les modules ajax ou effect de jQuery, utilisez la version complète. Sinon, vous ferez une petite économie en utilisant plutôt la version slim.

Bootstrappers Attention!

Maintenant, enfin, à la raison principale derrière ce conseil rapide! Il est à noter que Bootstrap 4 (la dernière version du framework) utilise la version slim de jQuery. Par conséquent, si vous construisez avec Bootstrap et que vous envisagez d'ajouter une interactivité supplémentaire reposant sur un ajax ou des effets, vous devrez charger la bibliothèque complète jQuery à la place..

J'espère que cela vous évite des maux de tête!