Online JavaScript Optimization Tools: Live Examples and Tests

Regarding to success of my previous CSS Optimization Tools test, I would like to present you some other similar test. In this article I will show you online JavaScript optimization tools under test, providing you all testing progress and results.

JavaScript files can use a lot of your website’s resources – a lot more than CSS. So, it is important to know which are the best and free online JavaScript optimization tools. Providing you more speed and a better optimization of your .JS files.

JavaScript is Demanding

.JS scripts are usually much larger than .CSS files. In most cases JavaScript is used to present the modern effects and options on websites. JavaScript can use a lot of bandwidth and your website resources as well – and all experienced webmasters already knows that.

This graph above is taken from this website. Measuring all important part of every single website, including documents, images and of course scripts and they total size.

You can clearly see that scripts using more than 60% of all file sizes that loads on this blog! You have to admit that is a huge number – especially for a scripts. That means every single time someone comes to my website 170.5 Kb’s of bandwidth goes only for scripts! I am not going to mention requests and working on background.

Scripts can also cause your server to overload. Because of their size and large need for hunger and resources, they may easily send too much requests to your server. Of course, this may cause your server to use too much resources (CPU power and RAM memory usage) at the same time.

JavaScript VS. CSS

To show you how much script use resources I have to show you the exact stats from this website. That would show you the real difference in bandwidth consumption between these two file types on this blog:

These are the exact stats this month from this very blog. Most of these items are .JS and they all use a lot more bandwidth and resources than my main style.css file – which is also loaded on every single page, trying to display all design properly to you!

Prototype.js is a popular script used on most websites today. You see it uses more than 5 GB’s of bandwidth for only 120.000 hits! I think I do not have to say anything more about this.

JavaScript Optimization Tools

Now, when we have find out how demanding .JS scripts can be for your website, it is important to go directly to this test – to find out the most effective JavaScript optimization tool you can find online and use completely for free!

I have used the exact effects.js script from this list above, weighting around 40 kb’s – of course, that is an original size of it! Now let’s take these tools to work!

I have found only 4 working JS optimization tools which you can use directly use from your web browser – completely for free:

1. Xtreeme JavaScript Optimizer
2. Free Online JavaScript Optimizer
3. iWeb Tools JS Optimizer – winner
4. Dean Edwards Packer

As you can see, there are far more CSS Optimization tools available online than JS ones. The winner here is a tool from iwebtoolsonline.com, reducing this 38.7 kb’s file to 28.8 Kb’s – and that is 25% reducing in overall size of this effects.js file!

If I optimize this script I would get 25% less bandwidth from it! Where I would save about 400 Mb’s of the bandwidth per month for every 100.000 hits! Also, loading of this script would be 25% faster than before – which automatically boost a website speed!

I hope I have helped you to understand how a little optimization process can help you. Saving you a bandwidth and resource use of your website, giving a better loading and faster response time of your site – and saving you some money and nerves!

I would absolutely recommend you to optimize your JavaScript and CSS files. Once you do that, you would see how these little things can be useful at the end! I would like to hear out what do you think about this – feel free to post a comment below!

SHARE POST IF YOU LIKE IT: