How to: Speed Up Your Blogspot Loading Time
Nowadays people have faster internet connections for surfing the web, download musics or even playing games online. But still, there are people using dial up connections to connect to the Internet. I hate to wait especially for slow websites. If I counter a slow website, I’ll simple just close it and search for other alternatives. If you don’t want that to happen to you, just follow these simple steps.
How to: Speed Up Your Blogspot Load Time
Optimizing your images
The bigger the size of your image on you blog, the slower your blog will load. So optimizing your image size is the only choice unless you don’t want to use any image on your blog. You can use free online image optimizer but i will be using Free Image Optimizer as this is a fast, simple process and optimize your images in bulk.
Firstly go to ImageOptimizer.net to download the software. Register for Image Optimizer desktop version by filling in the form stated in the site and click the Download. Install the software and begin the optimizing process.
To optimize, right on the image and click Optimize Here.
Your image will be rename after the process. To optimize your image in bulk, put all your images in one folder, right click the folder and click Optimize Here.
If you want a different setting for the optimizing, right click and click Optimize Image As….
Now you got all your images optimized, you can upload your images. Don’t upload your images on blogger, use Photobucket.com instead. By hosting your images external, you can speed up your blog load time too.
Using Shorthand CSS Properties
By using CSS shorthand properties on your blog, you can also speed up your blog. Why? The theory is simple. LOL = Laugh Out Loud. The shorter the CSS on your blog, the faster your blog is.
Firstly, you need to find where is your CSS code on blogger. Login to your blogger dashboard, go to Layout -> Edit HTML and tick the Expand Widget Templates. Before you do anything, backup your template first.
Your CSS is located between <b:skin><![CDATA[ and ]]></b:skin>
Example:-
CSS Shorthand properties:-
Instead of using this
#header {
background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left;
}Use this below
#header {
background: #fff url(image.gif) no-repeat top left
}To learn more about CSS Shorthand Properties, visit http://www.webcredible.co.uk/user-friendly-resources/css/css-shorthand-properties.shtml
Compressing your CSS
After you’ve convert your CSS to shorthand CSS, compressing your CSS is the best way to speed up your blog. Same as above locate your CSS again in blogger and copy all your CSS code. Remember, backup your template first.
Go to http://iceyboard.no-ip.org/projects/css_compressor and paste your CSS code in the CSS: box.
Left the Compression options intact, leave all the options tick and click the Compress Stylesheet
You will given the compressed CSS. You can see the statistic how much size you have saved.
Copy the code and paste it between <b:skin><![CDATA[ and ]]></b:skin>. Before you save your blogger, preview it first to see if it works.
Limiting your Javascripts and Widgets Usage
Remove all unwanted widgets and JS on your blog. All these unwanted stuffs slows down your blog. If you programmed your own JS, go to JavascriptCompressor.com to compress your JS.
That’s all folks, follow these simple steps and your blog will be lightning fast!
RSS Feed or by 
Email for updates on this topic. You can also follow me on 
Twitter.Related Posts:
- How to: Put Paypal Donation Code to Your Blogspot Do you put this box in your blog/site? Well many of us want put this code on their own blog/site like those popular sites but they don't how. Well i am very glad to teach you and going tell you how. In order to receive donations, you need a......
- How to: Add a "Star Rating" Widget in Blogger You have a good story, good article but nobody will rate your story if there's no rating option in your blog. Ratings add a fun and easy level of interactivity for readers to engage your content. You can add the widget instantly by adding a small snippet of code to......
- How to: Download and play your favorite Flash Games Right in your Desktop After i have wrote about 4 Flash Games sites to cure your Boredom. You are sure to find your favorite games. You love playing your new Flash Games online. What if you want to play those games offline, without ever going back to the site? Don't worry, i will show......
- How to: Add A Search Box To Blogger You can add a search box on your blogger templates, to give your readers a chance to search your blog. The advantage by adding this search box is that the result is showed in the main body of your blog unlike the search box in the top navigation bar. Now......
- More traffics with Digg Button on your blog This is a step-by-step guide to automatically place a real-time Digg count and vote button to every single blog post Digg is a social content website where your readers or you can submit content to. As a blog owner, you may want to make it easy and encourage your readers......
- Convert your Photos to Colored HTML Text Images You can easily generate cool colored text-images from almost any picture you have on your computer. Convert your Photos to Colored HTML Text Images Go to http://www.text-image.com, browse for your photos and upload. Extra contrast change to Yes and change to your desired web browser. After that just click the......
- Making An Image Background Transparent with Photoshop alternatives You don't need to be a Photoshop expert to make an image transparent. You can do this with free alternatives available online and it's free. You can spend up to US$699 to get Photoshop and that's a lot of money. If you are a professional image editor, then you can......
- How to: Add your Signature in your blog (Blogger and WordPress) Writing a post or an article is like writing a letter. A letter will not complete if you doesn't add your signature in it. There are many ways to create your own signature online. But i chose the simple one so that you can easily understand. You can add it......
- 70+ Free Portable Apps For Your USB Flash Drive Portable application is a portable and lightweight piece of software that can be stored in a USB Flash Drive. You can carry around with you anywhere you go and use it on any other computer. It's like carrying your whole computer around and use them at your work place, office......
- How to: Submit your blog to Bing Search Engine Nowadays, there is a lot of search engine and the most popular search engine is Google. In order to promote blog and website to people around the world, blog and website owner submit their URL to the search engine. I guess you have submit your URL to most of the......
Related Websites:
- Related Tweets Using your blog as the seed, find quality content from the Blog Traffic Exchange and tweet it automatically. Provide your followers with interesting and relevant content within the niche of your blog. Supplement your twitter account with quality content related to your blogging niche using the our powerful content search......
- SEO Tips for Bloggers on WordPress There are several million WordPress blogs that you can find on the internet, but unfortunately the majority of them are not properly optimized for search engines. This article is going to touch on some SEO tips for bloggers using WordPress to host their blog, because with the right tips it......
- Download Flash Video from Any Website Do you want to download a flash video? Are you having trouble finding a good program or plugin to rip flash videos? Do you want to know how to download flash video from any website? You've come to the right place. There are lots of programs and browser plugins that......
- Technorati Tracks Blog Traffic Exchange Effect Technorati is a online website community that is focused specifically on weblogs, and it can be extremely beneficial to register your blog with Technorati. Knowing how you can benefit from everything that Technorati has to offer is an important first step in getting the most out of your web presence.......
- 5 Top Secret Steps When Blogging to the Bank There are multiple ways of making money online. One cheap and effective way is to make use of blogs. Even if most people know what a blog is nowadays, the general view is often that they are only used as a fun "diary" to share people's opinions. If someone......
- Two WordPress Plugins That Will Make Your Life Easier Whether you're a seasoned WordPress blogger or you're starting up a new blog from scratch (as I am here), then these plugins will make installing new plugins, themes, and WordPress updates a snap: Effortless Plugin Installation Installing new WordPress plugins and themes can be somewhat of a hassle. You have......
- Google Gadgets for Blogging on Blogger Ever since Google purchased Blogger, Blogger has seen the addition of all kinds of interesting gadgets that create additional functionality and personality for your blog. Gadgets are essentially widgets, but by Google's standard. You can show off your favorite quotes from movies, insert flash games, and show off the weather......
- Download the Google Chrome OS Virtual Machine Last week, Techcrunch reported rumors of the release of the Google Chrome OS. They stated that the info came from a reliable source, and indeed that source was reliable. Google had an event at their headquarters, and indeed provided new details and a demo of the Chrome OS. The......
- Search Engine Optimization for Blogs Whether it’s a corporate blog, a news-type blog, or even a personal blog, optimizing your blog for the search engines is a must. There are some simple changes that you can make to WordPress and Moveable Type that will make your blog more search engine friendly and make the search......
- Simple Rotating Headers Using CSS Sprites and CSS Image Replacement While I was creating my 2nd WordPress theme (still in the works...) I thought of using rotating image headers. I first saw this idea from Chris Pearson of www.pearsonified.com in his 'Simple Random Header Images for Your Blog' post. In his post, he showed his technique on how to do......
My Name is Sufyan a.k.a DJYano, and I am the guy behind this blog. A guy who has a lot of interests and experiences in PC hardware.
I used the compressor and it works.I tarted the compression beginning with “body” from CSS.When I tried to compress the wholw CSS , my blog had lost some features.
I’ll try now the Image Optimizer.
Thanks for your useful advices.
Well most of my posts are images so I really do need to optimize them. Thanks for the advice.
Is the css compression really makes any difference in rendering? Reducing the number of images will work better.
I usually put image from blogger. I am understand now that it will make my loading blog slowly. I thinks that good suggest put image from photobucket. Can I put image from Picasa or flickr ?
Wow can you really optimize it that much that easy!? Great tips thanks alot
i like the idea of compressing the CSS. and you can do some more by removing few white space from the CSS file and javascript.
These are usually done as to.
Most of the people uses faster Internet connection for surfing but still there are people using dial up connection and In order to speed up your blogspot loading time we need to is we should make the image size to medium quality because the larger the images the slower your blog will be and most of the user will ignore using it. So while making blog make sure you put picture with small size and no videos.
thanx for the image compress tip.. hope it may help me a lot for my blog is a photo blog.. thnx….
Thanks for sharing… I will try your tricks and hopefully my blog will load faster..
Thanks for sharing… I’m running a funny picture blog and it suddenly load very very slow… sometimes can’t be fully load … I will try your tricks, hopefully it help!
Thanks for sharing this nice info related to good topic to speed up your blogspot load time…..
Hi Teenage Model,
Your blog is new so it will load fast. Your web load time is 1.10 seconds for 56K connections. You can go to http://www.websiteoptimization.com/services/analyze/ to check your blog speed.
i have just tried to start my own blog, but i am on a 2Mbps connection, so i am confused how much time is it taking to load up on slow connections, help me out please, give me the time taken by your browser here’s my blog.