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

288

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

Lequel prend en charge toutes les fonctions?

gowri
la source

Réponses:

281

Ils sont tous deux identiques sur le plan fonctionnel, mais le .min a supprimé tous les caractères inutiles afin de réduire la taille du fichier.

Juste pour souligner également, vous utilisez mieux la version réduite (.min) pour votre environnement en direct, car Google vérifie maintenant les temps de chargement des pages. Le fait d'avoir tous vos fichiers JS minifiés signifie qu'ils se chargeront plus rapidement et vous marqueront plus de points brownie.

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

webnoob
la source
1
@ sasha.sochka Potentiellement oui car cela réduit la taille du fichier, ce qui signifie que la demande au serveur est plus rapide car la taille du fichier est plus petite. Cela dépend évidemment de la quantité de données dans le fichier en premier lieu.
webnoob
@webnoob, désolé de ne pas être précis dans l'explication, je voulais dire les performances JS d'exécution.
sasha.sochka
1
@ sasha.sochka AFAIK il n'y a aucun gain de performance à avoir par le moteur JS.
webnoob
De plus, j'ai vu des fonctions comme celle-ci - fonction (i, s, o, g, r, a, m) . Une autre façon de réduire le nombre de personnages, n'est-ce pas?
Utsav T
2
@gilbertpilz - La minification n'empêche pas les gens de voler le code. L'obscurcissement aide cependant à empêcher les gens de pouvoir réutiliser votre code. Ils peuvent bien sûr le télécharger mais ce sera du charabia et difficile à suivre.
webnoob
122

Les deux prennent en charge les mêmes fonctions. jquery.min.jsest une version compressée de jquery.js(espaces blancs et commentaires supprimés, noms de variables 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.

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

  • jquery.min.js = On dirait du charabia! 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 une taille de fichier plus petite.

Plus précisément, le second est réduit , un processus qui implique la suppression des espaces inutiles et le raccourcissement des noms de variables. Les deux contribuent à rendre le code beaucoup plus difficile à lire: la suppression des espaces blancs supprime les sauts de ligne et les espaces gâchant la mise en forme, et le raccourcissement des noms de variables (y compris certains noms de fonction) remplace les noms de variables d'origine par des lettres sans signification.

Tout cela est fait de telle manière que cela n'affecte en rien le comportement du code lors de son exécution. En particulier, le remplacement / raccourcissement des noms de variable et de fonction est uniquement effectué pour les noms qui apparaissent dans une portée locale où il n'interfère pas avec tout autre code dans d'autres scripts.

thomasrutter
la source
1
Pourquoi voudriez-vous jamais utiliser la version non réduite alors? Je veux dire que vous ne liez pas à une version non réduite juste pour la lire. Pourquoi proposent-ils même cela?
Sebastian Nielsen
24

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

Ou lisez simplement topis sur StackOverflow sur la compression js :):

Jarek
la source
1
Le meilleur compresseur de nos jours est probablement UglifyJS. Avant longtemps, le meilleur était le compilateur de fermeture de Google.
thomasrutter
8

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 ou de comprendre les codes jquery, par exemple pour le développement de plugins (hors ligne, travail local).

Xfile
la source
5

Les deux contiennent la même fonctionnalité, mais l'équivalent .min.js a été optimisé en taille. Vous pouvez ouvrir les deux fichiers et les consulter. 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.

Kris van der Mast
la source
3

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

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

PeterWong
la source
3

résumé - les frameworks js populaires comme jquery ou dojo offrent une version commentée, assez formatée avec des commentaires pour le DÉVELOPPEMENT et une version réduite (plus rapide) sans commentaires, etc. pour la PRODUCTION

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

Sebastian Lasse
la source
2

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 qu'ils sont essentiellement les mêmes, avec la même fonctionnalité.

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

Si vous prévoyez d'exécuter la bibliothèque JQuery sur un site de production, je vous recommande d'utiliser la version réduite, pour réduire le temps de chargement des pages, que Google considère désormais dans leur classement de pages.

Une autre bonne option consiste à utiliser la bibliothèque javascript en ligne de Google. Cela vous évitera d'avoir à télécharger la bibliothèque et à télécharger sur votre site. De plus, votre site n'utilise pas non plus de ressources lorsque JQuery est chargé.

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

Vous pouvez y créer un lien dans vos pages en utilisant:

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

Ayush Sugandhi
la source
1

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

robdoan
la source
1

Si vous utilisez Jquery de Google CDN, cela améliorera sérieusement les performances de 5 à 10 fois celle que vous ajoutez à votre page, qui est téléchargée. Et vous obtiendrez également 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, car les fichiers sont téléchargés plus rapidement. :)

Hitesh
la source