Advertisement
Google recently announced that it’s algorithm will factor in page load speed in addition to the other 200 or so ranking factors currently employed. This move, broadly welcomed by web developers and users, means it is now more important than ever to optimize the speed of your websites. Speed optimisation will not only keep Google happy, it will keep visitors engaged, increasing user retention and activity, as well as reducing your bandwidth and hosting costs. It’s a real win-win situation.
Using the tools explored below, you’ll be able to pinpoint exactly what’s slowing you down as well as get advice and recommendations on how to make the necessary improvements. Each tool is slightly different, but you need not use them in isolation. The best results come from utilizing a portfolio of speed optimisation tools to ensure you’ve got all the bases covered.
Still remember the Wordpress web optimization article? If you are a Wordpress user, i believe both these articles will bring benefit to your blog’s loading speed, as well as your page rank.
Yahoo! YSlow
YSlow is perhaps the user-friendliest of all the speed optimisation tools, useful for beginners and experts alike. It analyses web pages and suggests ways to improve the performance of your web site based on Yahoo!’s 34 best practices. These are divided into seven categories: content, server, cookie, CSS, JavaScript, images and mobile.
YSlow, which is a Firefox add-on integrated with Firebug (which you have to install first), judges web pages according to one of three pre-designed rule sets or a rule set of your own making. In addition to advising you on how to improve your web site’s speed it also summarizes each page’s components, displaying in-depth statistics.
Web Page Analyzer
This free tool couldn’t be easier to use. Simply enter a URL to diagnose and press ‘Submit’. Web Page Analyzer then calculates page size, composition and download time, providing you with a report. In this report, you’ll get various stats, including the size of each of your site’s components, download times at a range of connection rates (14.4k to T1 1.44Mbps), and recommendations for how to improve performance. It will tell you what your site is doing well as well as what your site is doing badly.
Google Page Speed
Like YSlow, Google’s Page Speed is a Firefox/Firebug add-on. Again, like YSlow, Page Speed performs a series of tests based on a set of best practices, this time divided into five categories: optimising caching, minimizing round-trip times, minimizing request size, minimizing payload size and optimising browser rendering. Once you’ve run the tests, you’ll get a set of scores for each page and advice on how to speed things up.
Google Webmaster Tools Site Performance
Site Performance is an intuitive tool that tells you how fast your pages load, how this speed has changed over time and how these loading times compare to other sites. It will then give you Google Page Speed suggestions for how to speed up your site for an improved user experience. Google gathers its performance information from your site’s users, specifically those that have installed the Google Toolbar and use its enhanced features. This means that if your site doesn’t get much traffic, the data you receive might be incomplete or lacking in validity.
SmartSprites
A little different to the other tools in this list, SmartSprites lets you introduce and maintain CSS sprites in your designs. Using CSS sprites greatly reduces the number of HTTP requests made for image resources referenced by your site, improving your site’s performance. CSS sprites are particularly effective when lots of small images, like menu icons, are used. The Yahoo! homepage, for example, uses CSS sprites to speed things up.
Pingdom Tools Full Page Test
Pingdom’s Full Page Test imitates the way a page is loaded in a web browser, giving you a visual representation of how long it takes to load each object on each page, including images, CSS, JavaScripts, RSS, Flash and frames. View the objects in load order or rank them in terms of speed to highlight potential problem areas.
WebPagetest
AOL initially developed WebPagetest for use on its own sites, but it is now available for everyone to use online, for free. Once you’ve entered your URL, you’ll be presented with a waterfall-like graph of your page load performance as well as an optimisation checklist.
The advice given is rather hard to digest for all but the most experienced web developers: you’re given as a series of ticks, crosses and warning signs rather than the user-friendly sentences you’ll get from YSlow and Google Page Test. It does, however, allow you to test from various locations and with different browsers.
Great list. These links are going to be very helpful to web developers as they make speed concerns at part of the core website design concerns. Thanks for taking the time to put these resources together.
Yes I heard about this change last month and I believe it is taking effect as of the new year. Thanks for sharing these resources
they will really help.
Unfortunately my website has been majorly slow since I’ve had such a large influx of members, this should definitely help out! Thanks for the tips, I’ll be sure to apply them to Destiny Islands to see what benefit I can get from ‘em.
Great resources, thanks for sharing!
Thanks for sharing. Now i’ll be able to discover what could possibly is the reason of a slow speed and find out as well ways of how to improve it. The advices are helpful. I can access all of them in an easy way.
Nice article, Tom. Website performance is definitely becoming more important than ever.
Thanks for including Pingdom Tools.
// Peter Alguacil @ Pingdom.com
Really great article. Several I had not thought of here!
Nice article, great list.
Thanks
Google didn’t announce anything of the sort. Matt Cutts *hinted* at the possibility at an SEO conference, nothing more.
This article has been shared on favSHARE.net. Go and vote it!
Great resource, thanks for share…
thanks for this post, i never know this type of tool except webmaster. thanks for sharing your knowledge with us. i have to try webmaster tool, but stuck with the steps, my themes codings different, i cant intiallize the codings they give from webmaster
I use Google Webmaster Tools quite a bit. Thanks for the others. It will help to try some new tools to get a different view.
This article has been shared on site.
Ah site performance in Google Webmaster, finally something new to play with! I feel that the other 6 in your list have become ‘the usual suspects,’ though very important to those who aren’t already aware of them.
Many thanks!
Thank you for the tools. I always just try write nice, semantic code and have well formed directories – it seems to help a lot.
Thanks for sharing.
Great Article. Am inspired, i go to try these for my works.
W/ lots of love and Kiss.
Emma.
Some nice sites you listed that one could use and then improve the overall loading time.
I recently spotted the “Google Webmaster Tools Site Performance” and was disappointed at the performance of my wordpress site.
All my html sites were super fast.
Any suggestions for increasing speed of page loading for wordpress sites?
Thank you so much for the head’s up. Tried some of your recommendation. Seriously, I’m getting excited with this new speed parameter taken into account.
Hong Kong Business Social Networking
This is a great list of resources. What about the good old firebug plugin for firefox though? I use that constantly. It’s a great way to quickly check page size, download time, 404s etc.
yes, page loading now become more important thing. It can be affect in google search result. And of course, if our site have long speed….i think our visitor will be disappointed.
Best Regard
nice tools … very useful for me . thank you
is it recommended to store repeating functions results in variables?
For example, if I have the_title() or the_permalink() functions appearing more than once in my index.php.
Will it be faster if I type and then echo $title1?
Your accepted wisdom is great. Thanks for keep me notify. It will be very constructive in regular part of site. For more information I will be in touch.
I found the website analyzer to be a great asset. Our team uses it on every site.
Great post!
Hi,
Some great tools mentioned here. You could also add http://100pulse.com to your resource – A Free website Monitoring Service.
Wow, thanks posting this. It will help me lot in improving the site loading speed.
Not all designers can know all the tricks to keep their websites running lean .. Time saved is money earned and good tools can be sometimes the difference between a good designer and a bad one.
Nice tools. I like them very much. I hope these will improve the speed of my site. Thanks