![image[20]](http://lh3.ggpht.com/-mktQetzFZVo/Te6g7iweS_I/AAAAAAAADt0/JuJoGUrug7k/s1600-h/image203.png "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.
Note:
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.
Conclusion:
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. :>
Anims
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.
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
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 »
9 comments:
where is our javascript.
whenever i test my page using pingdom it shows my two urls
http://www.onlinetvjunction.com
http://www/onlinetvjunction.com/PTfMS
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?
@anonymous
You javascript is the code that starts with <script> and ends with </script>
@Jitendra
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 :>
mia fost de folos
nice info..my blog become kind of faster after i implement this step above
Thankssssssssssssssssssssssssssssssssssss
I'm getting this errror "Unexpected token: operator (<)" please help!!!
@Asad Shamsi
me too..plz help me...hohoho
Great article mohammad.. thank's for sharing..
Please review my blog.. China firtmware
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Mohammad