Compress Images and JavaScript To Speed Up Site Load Time Part 2

image[20]After having shared detailed tips on how to compress CSS and HTML Codes in Part-1, its now time to learn how to compress Images and JavaScript in order to Speed Up the loading time of your websites and blogs. Both graphics and JavaScript play a major role in slowing down your site load speed. So lets now discuss the remaining part of our topic.



Please save all of your files in a folder just in case you ever need to edit them. Keep all the compressed files which we will make, in a separate folder such as a publish folder.
If you have a Blogger account just download your template from the box above the editor

Image Compression

My next step is to compress my images. Save all of your blog’s images into one folder, and go to Smush it. This is an image compressing tool made by Yahoo. Upload all of your images, where they will be compressed, and download them in a zipped file. You can then re-upload them to your blog. Both techniques shown so far will decrease your page size and loading time by at least 30%.



JavaScript Compression


Your next step is to compress all of your JavaScript. Please go to JS Compress. Upload your JavaScript, have it compressed, and re-upload it to your webpage.




We have covered all of the major aspects of reducing page size. There are more minute things however, which are covered in the web apps and MBT post listed below.

If you really want to take it to the next step, then you can download Y Slow, which is an app by yahoo, which analyses how speed optimized your webpage is, and tells you how to reduce your loading time.
Another website to check your loading speed is Pingdom Tools, or just using Google Webmaster Tools.

If you find any other good/better services, or have any questions or concerns, please leave a comment below! Hope this little help proves helpful to must of you. :>


About the Guest Author:

Anims is freelance web designer and enjoys playing around with and learning coding in his free time. He likes to write about Web Technologies such as HTML, CSS and SEO.

Need Quick Help within 24 Hours? ASK NOW

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

10 comments : Post Yours! Read Comment Policy ▼
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.

  1. where is our javascript.

  2. whenever i test my page using pingdom it shows my two urls

    the last words always changes /*****

    what is this ??

    when i open this page it doesnt exists in my webste

    can u please check on pingdom and see what the error is?

  3. @anonymous

    You javascript is the code that starts with <script> and ends with </script>


    Forgive me brother for the late reply. That code is an auto generated code by pingdom that sends monitor reports from your site to pingdom servers. It is a dynamic URL so it will change often. It doesn't belong to your Blog URL so you don't need to worry. Its how pingdom works. Hope this helps :>

  4. nice blog become kind of faster after i implement this step above

  5. Thankssssssssssssssssssssssssssssssssssss

  6. I'm getting this errror "Unexpected token: operator (<)" please help!!!

  7. Great article mohammad.. thank's for sharing..

    Please review my blog.. China firtmware

  8. is roughly 3 times less efficient than modern tools like for example.