web-dev-qa-db-fra.com

Quelle est la différence entre jquery.js et jquery.min.js?

Quelle est la différence entre jquery.min.js et jquery.js?

Lequel prend en charge toutes les fonctions?

280
gowri

Les deux fonctions sont identiques, mais dans le fichier .min, tous les caractères inutiles ont été supprimés afin de réduire la taille du fichier.

Je tiens également à souligner que vous utilisez mieux la version réduite (.min) pour votre environnement réel, car Google vérifie maintenant les temps de chargement des pages. Une fois tous vos fichiers JS minifiés, ils se chargent plus rapidement et vous rapportent plus de points.

Vous pouvez obtenir un addon pour Mozilla appelé Page Speed ​​qui examinera votre site, vous montrera tous les fichiers .JS et fournira des versions réduites (entre autres).

274
webnoob

Les deux prennent en charge les mêmes fonctions. jquery.min.js est une version compressée de jquery.js (espaces et commentaires supprimés, noms de variable plus courts, ...) afin de préserver la bande passante. En termes de fonctionnalité, ils sont absolument identiques. Il est recommandé d'utiliser cette version compressée dans un environnement de production.

122
Darin Dimitrov
  • jquery.js = Joli et facile à lire :) Lisez celui-ci.

  • jquery.min.js = On dirait du jibberish! Mais a une taille de fichier plus petite. Mettez celui-ci sur votre site.

Les deux sont les mêmes dans la fonctionnalité. La différence réside uniquement dans le fait qu'il soit bien formaté pour la lisibilité ou compact pour les fichiers plus petits.

Plus précisément, le second processus est minified , processus qui consiste à supprimer les espaces inutiles et à raccourcir les noms de variables. Tous deux contribuent à rendre le code beaucoup plus difficile à lire: la suppression des espaces supprime les sauts de ligne et les espaces gênant la mise en forme et la réduction des noms de variables (y compris certains noms de fonctions) remplace les noms de variables d'origine par des lettres sans signification.

Tout cela est fait de manière à ce que cela n’affecte en rien le comportement du code lorsqu’il est exécuté. En particulier, le remplacement/raccourcissement des noms de variable et de fonction ne concerne que les noms apparaissant dans une étendue locale sans interférer avec aucun autre code dans d'autres scripts.

92
thomasrutter

Jquery.min.js n’est autre que la version compressée de jquery.js. Vous pouvez l'utiliser de la même manière que jquery.js, mais c'est plus petit, donc en production, vous devez utiliser une version réduite et, lorsque vous déboguez, vous pouvez utiliser la version normale de jquery.js. Si vous voulez compresser votre propre fichier javascript, vous pouvez utiliser ces compresseurs:

Ou lisez simplement les informations sur StackOverflow sur la compression js :):

23
Jarek

Dans un langage simple, les deux versions sont absolument identiques. La seule différence est:

  • min.js est pour les sites Web (en ligne)

  • .js est destiné aux développeurs, aux gars qui ont besoin de lire, d’apprendre et/ou de comprendre les codes jQuery, par exemple pour le développement de plugins (hors ligne, travail local).

8
Xfile

Les deux contiennent les mêmes fonctionnalités mais l'équivalent .min.js a été optimisé en taille. Vous pouvez ouvrir les deux fichiers et les regarder. Dans le fichier .min.js, vous remarquerez que tous les noms de variables ont été réduits à des noms courts et que la plupart des espaces et des commentaires ont été supprimés.

5
Kris van der Mast

résumé - les frameworks js populaires tels que jquery ou dojo offrent une version commentée, assez formatée avec des commentaires pour DEVELOPMENT et une version réduite (plus rapide) sans commentaires, etc. pour PRODUCTION

jquery.js - développement jquery.min.js - production

3
Sebastian Lasse

jquery.js: lorsque vous devez plonger dans le code source de jquery jquery.min.js: version compressée pour économiser la bande passante

Il existe une option supplémentaire pour économiser davantage de bande passante que la version compressée utilisant quelque chose comme Google CDN fourni: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min. js

3
PeterWong

Si vous exécutez JQuery sur un site de production, quelle bibliothèque devez-vous charger? JQuery.js ou JQuery.min.js? La réponse courte est, ils sont essentiellement les mêmes, avec les mêmes fonctionnalités.

Une version est longue, tandis que l'autre est la version minifiée. Le minified est compressé pour économiser de l'espace et le temps de chargement de la page. Les espaces blancs ont été supprimés dans la version réduite, ce qui les rend jibberish et impossible à lire.

Si vous souhaitez exécuter la bibliothèque JQuery sur un site de production, nous vous recommandons d’utiliser la version simplifiée afin de réduire le temps de chargement des pages, ce que Google prend désormais en compte dans son classement.

Une autre option intéressante consiste à utiliser la bibliothèque javascript en ligne de Google. Cela vous évitera les tracas du téléchargement de la bibliothèque, ainsi que du téléchargement sur votre site. De plus, votre site n'utilise pas non plus de ressources lorsque JQuery est chargé.

La dernière version abrégée de JQuery de Google est disponible ici.

Vous pouvez y accéder dans vos pages en utilisant:

http://ulyssesonline.com/2010/12/03/jquery-js-or-jquery-min-js/

2
Ayush Sugandhi

Si vous utilisez le Jquery de Google CDN, cela améliorera considérablement les performances de 5 à 10 fois celles que vous avez ajoutées à votre page, qui est téléchargée. De plus, vous obtiendrez la dernière version des fichiers Jquery.

La différence entre les deux fichiers, à savoir jquery.js et jquery.min.js, est simplement la taille du fichier. En conséquence, les fichiers sont téléchargés plus rapidement. :)

1
Hitesh

jquery.min est la version compressée. Il a supprimé les commentaires, les nouvelles lignes, ...

1
robdoan