loading

BuySellAds: Faster and Better(Show ads vertically with a click)

We all know that internally Google is thinking of considering site loading speed as one of the criteria for ranking the website. Apart form that, faster loading sites are key for grabbing user attention.

BuySellAds has come up with an innovative idea of making the javascript ad codes asynchronous(as they call it).

When any browser downloads the ad code that displays the ads, it blocks everything else on the page from rendering. And, while this process may take less than a second of the user’s time, it is noticeable and it is a big problem.

You can read more at BSA blog.

It is frustrating some times, when my visitors have to wait for the ads to load before they could see the entire page. Now I am happy as BSA is taking every effort to minimize that wait time. Infact, what I understand by reading their blog post, is that, with the new ad codes implemented visitors need not wait. i.e., the javascript codes as well as the other elements of the page load simultaneously. Thats great. So from now, we need not compromise user experience for making some pocket money(of course which is used for paying hosting and other expenses – coffee included!)

Faster is Ok, but I said “Better” in the title? It is because, a known issue for BSA publishers is alignment of the ads(problem with vertical alignment of ads). Now BSA has made it simpler. i.e., if we have implemented the new ad codes, now we can log into our BSA a/c, click on get code and make changes(make ads align vertical) and hit SAVE and the settings will be applied to the ad boxes on our site…..isn’t it better?

Additionally, you can even style your ads from within the BSA a/c – see below screen shot.

Previously we had to add float: left; to the a tag of the code. But people with no css knowledge what so ever, found it very geeky/confusing. So now, alignment of ads isn’t a problem with BSA ads.

If you had made any custom changes to the styling of your old code, then you need to add those changes to the new codes by applying them in the advance settings area in your BSA a/c.

Update:

To Show ads: 2 horizontal and the rest aligned vertically, you need to uncheck the vertical checkbox, and add float: left; to Anchor Style in the Advanced Settings of your BSA a/c. And don’t forget to SAVE the settings!

I highly recommend you to grab the new ad codes and make your site load faster.

10 Ways To Make Your Blog Load Faster and Save Bandwidth

This post is part of Saturday, Sunday Series for Newbie Bloggers. You can contact me, if you have any questions.

Sridhar

Q. I have been tweaking my blog to make it load faster, but nothing seems to be helping. And eventhough I don’t have heavy traffic to my blog, often times it goes down 🙁 Can you please suggest me something to over come my problem? Am I missing something or is it normal with all blogs. And I am hosting my blog with basic hosting package, so is that the problem?

To make blog load faster
1. Remove any extra widgets you are using on your blog.- Twitter updates, Facebook fan widget etc
2. If you are running banner ads, make sure you host all the images on your domain.
3. Make less http requests from any webpage.
Ex: Instead of using “http://yourdomainname.com/images/123.jpg” you can use “/images/123.jpg” in the img tag.
4. Use less images. Having one or two images for a article helps, anything more will really slow down the site. Use multiple images only if highly necessary.
5. Move all the CSS and JavaScript codes to an external file. And make sure to optimize them – remove extra spaces, delete the useless codes and make the scripts small and smart(good coding).
6. If you have any badges and banners which does not provide any value to your visitors, then remove it mercilessly.
7. Optimize the images that you are using on your blog.
8. Use Gzip compression. Add the following code to your .htaccess file if your web host have content compression (gzip compression) turned off. You can test it using http compression tool.


# Turn GZip compression on (as per http://tr.im/fnn6)
<Location />
# Insert filter
SetOutputFilter DEFLATE
# Netscape 4.x has some problems...
BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
# BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# NOTE: Due to a bug in mod_setenvif up to Apache 2.0.48
# the above regex won't work. You can use the following
# workaround to get the desired effect:
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
# Don't compress images
SetEnvIfNoCase Request_URI \
\.(?:gif|jpe?g|png)$ no-gzip dont-vary
# Make sure proxies don't deliver the wrong content
Header append Vary User-Agent env=!dont-vary
</Location>

9. Do not make use of lot of javascript codes to track your visitors. Try to stick only to the necessary things. And do not forget to test your sites performance using Webmasters tool.
Goto Webmasters Tool -> Labs -> Site performance.

Here you can see the performance over view graph and lot more information like: Load time of certain pages from your blog, You can install a 1.5MB add-on to evaluate the performance of your pages and get suggestions on how to improve them, it also reports – what is consuming more time to load and what you can do to improve the performance etc.
10. Above all the speed of the servers where you are hosting your blog is very important – without which any tweaking will go in vain.

Bonus tips:
1. Use only the necessory plugins and remove the rest.
2. Do not use Widgets. Use handcoding and put the things into the WordPress theme directly – reducing the number of calls.

Have a backup of your blog, and if you are comfortable: Use DataBase cleanup plugin, Database optimizer plugin, delete the extra post revisions, use static links – this helps very little, if you already have Gzip compression enabled or Super cache plugin enabled.

Final Thoughts from Matt Cutts:

Hosting
Invest in a good hosting company. See to that you are paying atleast 5 to 6 $ per month for your basic hosting package. If you go far a cheaper web hosting, then the problems are mostly obvious. I suggest going with Doreo host, Blue host, Host Gator, MediaTemple etc. And a basic package is all needed in the initial days.

If you are hosting at a decent hosting company, and still facing this problem, then you must consider evaluating your blogs log files. It contains information about what is consuming the bandwidth. You can mail your hosting company support team and can ask them to check it for you and to report the possible problem. In most cases it would be a plugin problem or a faulty code introduced into the CMS. Or sometimes if you are using some automated scripts to handle some tasks, all these could create some problem, if there are some bugs.

A good hosting company should be able to help you with this – if not, you know, its time to move on. And there are plenty of good web hosts to opt.

Happy Blogging!

20 Tips To Optimize Your HomePage

Everybody talks about optimizing the website as a whole, but it is of equal importance to optimize this single, most important page – HomePage (face of your website).

For almost all the websites, the most ranked and visited page is its homepage. So optimizing it makes a lot of sense. If you feel the same, then continue reading..

Here are some of the aspects that you can tweak, inorder to optimize your homepage:

1. Do not show full article on your homepage. If you are showing 10 full articles on your homepage, then it will take a lot of time to load.
And from users perspective, they may not have the patience to scroll down and digg your website looking for good content. Internet is full of information overload and they may just leave your website and go somewhere else.

On the downside, people need to do an extra click to get to the content, if you start showing post excerpts.

2. If you are showing only excerpts on your homepage, then try to limit it to 8 or 10 post excerpts. If you show 20 to 25 post excerpts on your homepage, then the user experience will again be bad.

3. Use less images on your homepage.: Images consume most of the bandwidth. Images can be used wisely to grab the attention, but if we do not take that extra care to optimize the image, then we will surely have to pay for that latter. It would be better to avoid more images on the homepage.

4. Use less advertisements on your homepage or no advertisement on your home page: The best example for this is Google. Google.com is the simplest and most used search engine in the world and still it doesn’t have a ad on its homepage. Get a clue from it.

5. Optimize all the images that you are showing on your homepage, using some image optimization tools.

6. As far as possible, try avoiding if-else programs on your homepage. Ex:- Showing one ad to facebook visitors and other for Search Engine visitors and another for people coming from Twitter!

7. Remove the widgets and badges from the homepage. Retain only the most important.

8. Avoid animated contents from your homepage, inorder to speedup the load time of your pages and to not divert the attention of your reader, from the beginning.

9. Choose a proper webhost, with good uptime, speed of servers and support.

10. Make use of custom Excerpt option in WordPress and make the excerpts on your homepage more meaningful. Create enthusiasm or the need to read more situation to someone who reads the excerpts on your homepage!

11. You can lessen the ads on the homepage and put link or banner to your own interesting articles or categories of articles. This will give the user more options to navigate. And you can engage your reader for more time, showcasing good articles.

12. Remove the digg, tweetmeme and other buttons from the article excerpts. Show them only on the full post, if necessary.

13. Use labels: Label all the things properly on your homepage. Ex: Recent articles, Popular posts etc, for better user experience. Visitors must not feel, as if they have landed in a wild forest!

14. Test your optimized homepage: Testing is the only way to go. Big internet companies like Google rely only on its continuous testing. But Google, Yahoo, Microsoft has a lot of employees for testing. Now how can you do testing with your website/blog? Most of the times, owner of the blog gets blind to many components on the blog, like, the widgets, labeling, etc. So it is a good practice to arrange a party for your friends(who don’t know about your blog) and tell them to surf and give feed back about 2 or 3 websites(one of which is yours!). Keep doing it once in a while. Do not over do it. You may just endup in testing and may forget the main element of the blog, which is content.

15. Menu bar: Most surfers are used to the menu bar placed at the top, than on the sidebar. So it must be clearly placed in a prominent position and do not mix it with your categories and other stuffs.

16. Show navigation menu or main menu both in the header as well as in the footer.

17. Make sure to have “Popular Articles” or “Recommended Articles” list on the homepage. So that first time visitors know where to look at, for the best contents on your blog. And with the best content, they are more likely to stick to your blog.

18. Show your subscriber count or Twitter follower count as a social proof, if you have some significant numbers.

19. As far as possible avoid flash contents from homepage. You may annoy and drag your readers out of your blog even before they read any of your stuffs!

20. Make your website/blog logo clickable and link it to your homepage.

Please share your optimization tips with us. So that everyone of us can improve our website/blogs.

New Look for Webmasters Tool

In 2006, Webmaster Tool began as a way for webmasters to submit Sitemaps.

webmasters-tool-redesign — Webmasters Tool Re-designed

The important aspects in this redesign are:
1. Faster loading.
2. Easier navigation.
3. More search query list, to which our site appeared in search engines.
4. Display thinks in the form of table. Looks very clean and readable.

Over all the redesign is impressive. And there is no major feature added or removed from the previous version.

CSS(style.css) not loading in FireFox – Try this

If you are using FireFox, some times you may find that some of the websites does not seem to be using any style sheet(CSS) or the styling seem to be dropping!, while it was looking good when you previously visited.
The possible reason may be, your browser already has cached the style sheet and loads the same cached css, when you try to access the same website each time. And if the cached style sheet classes gets altered then it won’t be working in normal way and hence the dropping and cluttered look of the website(in your browser).
But the same website seem to be working perfectly when you access it using some other browser. And all your twitter followers also say that the .css is loading perfectly at their end.

Then its almost clear that the problem is from your end. Some people prefer not to delete cache, history and cookies from their browser, for various reasons.
In such a case, open the website which is looking cluttered and make use of these keys [Shift+R] or Shift + your browsers refresh button. This will reload all the elements of the website and will discard all the previously cached files in your local computer.
Remember, with this method you need to visit each website(which is not showing properly at your end – .css problem) and then press the shift+refresh button individually.

You can use ctrl + F5 to clear even the browser cache.

If you are ready to delete all the cache, history and cookies then you can simply goto Tools menu –> Options –> Privacy –> click on clear now button, now select cache and then hit on clear Private Data now button. This should solve the problem.
Other things to try, if the above tips doesn’t work.
1. Try to reinstall the browser software.
2. Upgrade the software.
3. Check for any other 3rd party plugin’s which may be conflicting with the .css file.
4. See the browser settings and set it to default settings, when nothing else works.
5. At last, if nothing works, report it to the FireFox team.

And make sure, you also comment below this article 🙂