demosthenes.info

I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my projects

A Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

Screenshot of the LoadsIn website

Online Site Speed Testing Tools

tools / compressors

Estimated reading time: 2 minutes, 30 seconds

Having your site online means that users may already be suffering slow download speeds on your pages. On the other hand, with the site online, you have the ability to truly test its effective speed.

I’ll get to a recommended list of testing services in a moment. No one service will cover every feature you want, which is why I recommend using the entire suite below. The services include:

  • Obviously, download time is the most important metric. Remember, download time must be less than eight seconds. Good is under five seconds, excellent is less than two.

  • Multiple sequential tests. Single downloads do not give a realistic appraisal of a site’s speed; five or more averaged tests give a far better understanding of a site’s performance.

  • Tests from multiple geographical locations. The speed of light still makes a difference, and any site, no matter what its focus, is international in scope.

  • Testing across different browsers, and different versions of those browsers (browsers have different effective download speeds for the same web page).

  • A “waterfall” analysis of requested resources for the site, including request and delivery time, allowing you to see which files are taking up the most download time, files that you can then target for optimization.

  • An ability to test at different connection speeds, including dial-up, DSL, and GSM.

  • Testing download speeds on different (simulated) mobile devices.

My favourite testing services, all of them free:

loads.in

A very nicely designed site, with an airport terminal departure board aesthetic (which is actually more attractive than it sounds). Has every feature that I’ve mentioned above with the exception of the last two.

Google Page Speed

Google Page SpeedAvailable as an online service or an extension for Chrome and Firefox, Google Page Speed is less a download timer than a site optimization rating tool. Tests run on a site receive a mark out of 100, together with a list of suggestions as to how download time might be improved.

WebPageTest

WebPageTestA very thorough tester, with a rating for each site component, waterfall display, multiple tests, and a rating.

GTMetrix

Uses Yahoo’s YSlow and PageSpeed (discussed below) to judge and rate your page. Allows comparison between pages, a speed rating of the web’s top 1000 sites, and a list of recommendations.

YSlow

The same testing algorithm used by GTMetrix can be installed natively on your browser. The plugin has the broadest support of all of those mentioned so far: it’s available for Firefox, Safari, Chrome and Opera.

Pingdom

An online tester that performs a high number of repeated requests of your site from New York City; can also test from the Netherlands. Otherwise similar features to the other tools mentioned above.

All of these tools will suggest many of the same optimizations I will explain in the subsequent articles of this series; unfortunately, all of them do so in rather complex and technical terminology. It’s my goal to take you through the simplest steps that yield the greatest result for time invested.

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.