Uncompressed vs Minified vs Slim vs Slim Minified

5 minutes
Share the link to this page
Copied
  Completed
Learn about the difference between uncompress, minified, slim and slim minified JavaScript files.

Transcript

Hello, in this jQuery programming tutorial, I am going to cover the difference between uncompressed and minified. And slim and slim minified. Actually, this is relevant for any sort of JavaScript library in general, and probably many other coding flow. There are a lot of similarities, but especially JavaScript files, okay, so we have uncompressed minify slim and slim minified. What I'm going to do is literally open up the code file, which we couldn't do was getting the source and open though there are open up the actual JavaScript file, so that's the uncompressed one would do it in order. Once I've opened this up, your begin straightaway you'll probably see some difference.

And from there of thought explaining, now, the few main differences it's not really that complex, but it's something you know really important to go over so you know which one to use and you know, in the past I've used, you know, another framework that depended on jQuery. And it included jQuery itself. And it's used, you know, one of these versions, and I was trying to use a certain feature, and he wasn't working, because it wasn't in that you know, you know, particular version of it. So that's why it's very important to know the difference. Okay, so we got these four main ones, this is uncompressed. This is the minified version, or compressed, I should say, and this is slim.

This is slim. minified. So let me first go over uncompressed and minify. So when I'm saying minified, I'm essentially meaning compressed. So uncompressed is it's basically on compressed, you have empty lines, you have spaces between all of the different characters and keywords. So what minification does, that's you know, the the technical term in when you compress code file, what minification does, you remove all code days.

Unnecessary for it to run. So for example, this code is unnecessary for return this coming comment or should say, is unnecessary for it to run, you see these spaces between the equals, you don't really need them, if you get rid of them, the code will still run. But if I got rid of, you know, these spaces, I mean, you know, this space here, this will, you know, cause an error, therefore, those spaces will remain any character, essentially spaces and comments that are unnecessary and new lines that will get removed, and you'll just be one big nine that just spans over, you know, multiple rows. So these two files essentially are, you know, allow you to do the same thing. They provide the same functionality. Why would you use one over the other?

You'd use the uncompressed version, because it allows you to go into the code and you can look at it it's, it's readable. You can see what why here is just a big mess, but On the flip side, because you reduce the amount of data inside of it, you reduce the file size. So he provides faster file loading. So there's quite a common practice with web developers, especially when you get into more complex projects and into the bigger companies to use a uncompressed version of the JavaScript file jQuery or something I do remember while you're developing, but when you actually push it to release, so when you start using it, they have the minified version. So functionality wise, it doesn't change, but it just ensures that you can serve the smallest file possible to them. Okay, so that's uncompressed and minified.

So what's the difference between slim and slim minified. So first of all, let me just say slim, is slightly different to uncompress, which I'm going to cover in a second. But slim minified is just basically the, you know, the minified, the compressed version of the slim form. That's it. So now all we need do is cover what's the difference between the slim or slim minified and the regular or regular, you know minified. And essentially, there are certain features that are removed from slim features such as Ajax effects and deprecated code is removed, because that isn't always use, they provide a slim version, which reducing the font size even smaller.

So this will have a smaller file size than this one. And then ultimately, this will have a smaller file size than all of them can not only is it not only that we have, you know, the code removed for Ajax effects and deprecated code, it's been minified itself as well. So those are the differences between uncompressed minified slim and slim minified. And that is it. Like I said, a lot of this is relatable to other code files as well, especially on the JavaScript, you would definitely see uncompressed the minified uncompressed and compressed folder The frameworks and libraries so just bear that in mind. Those are the main differences.

Thank you for watching, and I look forward to seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.