CODEWITHSUNDEEP
jqueryslim-jquery
SynCap
SynCap

Reputation: 6314

What are the differences between normal and slim package of jquery?

At CDNJS jquery.slim package is placed. It has a smaller size. What are the major differences from an original? A quick look at the code didn't bring the answer, and at the https://jquery.com I've not found any reference about slim package.

So, what are the differences between jquery.js and jquery.slim.js?

Upvotes: 523

Views: 223241

Answers (9)

alex
alex

Reputation: 957

i've just found out that a selector by an element attribute won't work with slim.

$('input[type="textarea"]').each(function(index) {});

hope this may help you.

Upvotes: -2

Bhojendra Rauniyar
Bhojendra Rauniyar

Reputation: 85653

Looking at the code I found the following differences between jquery.js and jquery.slim.js:

In the jquery.slim.js, the following features are removed:

  1. jQuery.fn.extend
  2. jquery.fn.load
  3. jquery.each (attach a bunch of functions for handling common AJAX events)
  4. jQuery.expr.filters.animated
  5. AJAX settings (jQuery.ajaxSettings.xhr, jQuery.ajaxPrefilter, jQuery.ajaxSetup, jQuery.ajaxPrefilter, jQuery.ajaxTransport)
  6. XML parsing (jQuery.parseXML),
  7. Animation effects (jQuery.easing, jQuery.Animation, jQuery.speed)

Upvotes: 355

Darsaveli
Darsaveli

Reputation: 31

There was a big difference when I wanted to use jQuery UI With the slim version of jQuery, it is impossible. In fact, the slim version excludes the ajax and effects modules

Upvotes: 3

Juan Silupú Maza
Juan Silupú Maza

Reputation: 991

I found a difference when creating a Form Contact: slim (recommended by boostrap 4.5):

  • After sending an email the global variables get stuck, and that makes if the user gives f5 (reload page) it is sent again. min:
  • The previous error will be solved. how i suffered!

Upvotes: 1

kiranvj
kiranvj

Reputation: 34147

I could see $.ajax is removed from jQuery slim 3.2.1

From the jQuery docs

You can also use the slim build, which excludes the ajax and effects modules

Below is the comment from the slim version with the features removed

/*! jQuery v3.2.1 -ajax,-ajax/jsonp,-ajax/load,-ajax/parseXML,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-event/ajax,-effects,-effects/Tween,-effects/animatedSelector | (c) JS Foundation and other contributors | jquery.org/license */

Upvotes: 24

Yehuda Schwartz
Yehuda Schwartz

Reputation: 3503

As noted the Ajax and effects modules have been excluded from jQuery slim the size difference as of 3.3.1 for the minified version unzipped is 85k vs 69k (16k saving for slim) or 30vs24 for zipped, it is important to note that bootstrap 4 uses the slim jQuery so if someone wants the full version they need to call that instead

Upvotes: 7

ChrisW
ChrisW

Reputation: 56123

The jQuery blog, jQuery 3.1.1 Released!, says,

Slim build

Sometimes you don’t need ajax, or you prefer to use one of the many standalone libraries that focus on ajax requests. And often it is simpler to use a combination of CSS and class manipulation for all your web animations. Along with the regular version of jQuery that includes the ajax and effects modules, we’ve released a “slim” version that excludes these modules. All in all, it excludes ajax, effects, and currently deprecated code. The size of jQuery is very rarely a load performance concern these days, but the slim build is about 6k gzipped bytes smaller than the regular version – 23.6k vs 30k.

Upvotes: 36

Jannie Theunissen
Jannie Theunissen

Reputation: 30114

The short answer taken from the announcement of jQuery 3.0 Final Release :

Along with the regular version of jQuery that includes the ajax and effects modules, we’re releasing a “slim” version that excludes these modules. All in all, it excludes ajax, effects, and currently deprecated code.

The file size (gzipped) is about 6k smaller, 23.6k vs 30k.

Upvotes: 365

gxclarke
gxclarke

Reputation: 1973

At this time, the most authoritative answer appears to be in this issue, which states "it is a custom build of jQuery that excludes effects, ajax, and deprecated code." Details will be announced with jQuery 3.0.

I suspect that the rationale for excluding these components of the jQuery library is in recognition of the increasingly common scenario of jQuery being used in conjunction with another JS framework like Angular or React. In these cases, the usage of jQuery is primarily for DOM traversal and manipulation, so leaving out those components that are either obsolete or are provided by the framework gains about a 20% reduction in file size.

Upvotes: 43

Related Questions