All posts tagged ‘performance’

File Under: Web Basics

A Guide to Understanding Page-Speed Tests

Photo: tobias.munich/Flickr

Anyone who’s ever tried to optimize a website has faced the very basic question — how long does your site take to load?

The answer seems like it would be easy to discover: Load your site in a page speed crawler like WebPagetest and soon you’ll have your numbers. But that’s just it; you won’t have a number, you have numbers and figuring out which numbers to listen to is trickier than you might think.

Strangeloop’s Joshua Bixby recently tackled the performance metric question in a blog post titled a Non-Geeky Guide to Understanding Performance Measurement Terms. The whole article is well worth reading, but perhaps the best advice is to make a video of the page load. “If you want to get a ground-zero look at your site’s performance,” writes Bixby, “capturing videos and filmstrip views of your pages’ load times are one of the best ways to go.”

The filmstrip view Bixby refers to is part of the WebPagetest results and shows what the visitor sees in a progressive series of page captures. To create a filmstrip or video test of your website, head over to WebPagetest and select the “visual comparison” tab.

Some common performance mistakes Bixby cautions against include using “response time” and “load time” interchangeably and “not realizing that ‘response time’ can mean any number of completely different things.”

To help those unfamiliar with the nuances of loading metrics, Bixby then breaks down and defines all the terms, including what exactly is meant by “start render” or “time to first byte,” as well as some caveats to bear in mind when going over the numbers for your website.

While Bixby’s post can be extremely helpful, especially to those who are just starting out in the often confusing world of website optimization, bear in mind that testing sites like WebPagetest are no substitute for real-world tests. “As a matter of due course, you always need to gather large batches of data and rely on median numbers,” writes Bixby, “but you also need to periodically get under the hood and take a real-world look at how your pages behave for real users.”

File Under: Software & Tools

Chrome is Fast, But Not That Fast

Just how fast is Google’s Chrome browser? JavaScript performance-lover (and Mozilla employee) John Resig ran some tests that show Chrome may be fast, but other browsers aren’t that far behind.

When Google released Chrome, it included benchmarks that show its browser zipping away from the competition at light speed. There’s no doubt Chrome is fast and we think it’s already changed the web. It seems, like with most statistics, it all depends whose benchmarks you believe.

Resig works for the company that creates the rival Firefox browser, so you might take his results with a grain of salt. But unlike Google’s charts, Resig’s don’t show one browser incredibly faster than others (except for Internet Explorer, the obvious slow-poke).

SunSpider test of browsers

According to Resig, Chrome really shines in the recursion-heavy benchmarks Google provided. Even the above tests are JavaScript-only, and don’t include DOM manipulations, the basis for a lot of new web interfaces. To test this, Resig used Dromaeo, a Mozilla-created project. Again, put the bias detector on.

Dromaeo test of browsers

The results show Chrome is still fast, though bested by its WebKit cousin, Safari. Firefox is close behind, especially when TraceMonkey (no relation!), its JavaScript supercharger coming in 3.1 is included. Resig points out that TraceMonkey has been in development for two months, while Google’s V8 engine apparently represents two years of work.

Yes, Chrome is fast, but it may not be that fast. For now, it’s probably best to assume everyone’s stats are a little skewed in their own direction. Don’t be surprised if Microsoft comes out with their own benchmarks that show Internet Explorer is faster than all other browsers. Okay, be a little surprised.

Possibly the best thing that could come from the release of Chrome is that all browsers–yes, including the behemoth from Redmond–pay attention to the performance needed to run today’s web apps.

See also:

File Under: Software & Tools

Firebug Flies Out of Beta

Firebug logoIf you’ve been waiting for an official release to install the latest Firebug, wait no more. Version 1.2 of the popular web developer extension for Firefox is no longer in beta. You can download Firebug at the Firefox add-ons site.

John Resig, one of the new Firebug team members, has a great rundown on what’s new. Resig is always on the lookout for performance issues and he brings up an important one with JavaScript debugging. Whenever script debugging is on anywhere, every page runs JavaScript about 25% slower, even those without Firebug enabled. Now you can right-click (or ctrl-click) the Firebug icon and choose “suspend Firebug” when you’re done using the script console. Expect the Firebug team to look into this performance issue.

Those who haven’t been enjoying the beta will need to completely remove the previous version before installing Firebug 1.2. Otherwise, the update is just a click (maybe three) away. If for some reason you’ve avoided Firefox 3, the new Firebug even works in Firefox 2, but you’re still missing out on FF3.

Want to get down to business with Firebug and learn how to use Firebug extensions, too? We have an excellent Firebug tutorial.

See also: