Now offering Chrome as a browser option!

Tuesday, December 31, 2013

We're excited to add Chrome to our list of browsers for site analysis - See how your site renders on Chrome!

PageSpeed and YSlow scores should remain the same, however page load times and waterfall graphs might differ. Each browser renders sites in it's own way (different rending engines), so your site components might load differently. In addition, if you've set any browser-dependent content delivery or scripting, page loads will differ across each browser.

Compare for yourself

Take a look at GTmetrix's site across Firefox, Chrome for Android, and Chrome for Desktop.

Page load comparison across Firefox (Desktop), Chrome (Desktop) and Chrome (Android/mobile)

View the Comparison Report here

Whitelist or Blacklist URLs in your tests!

Wednesday, May 1, 2013

Blacklisting useful for excluding 3rd-party scripts such as Facebook like/share widgets, Google Analytics scripts, Youtube embeds and any other external widgets you might want to be not be part of your page load.

Conversely, whitelisting a URL will ONLY serve resources from that domain.

Both support a wildcard (*) that will designate all resources that begin with the URL inputted as blacklisted/whitelisted.

How do I do it?

The Whitelist/Blacklist URLs feature is located in the "Advanced Options" dropdown on the Dashboard in the "Advanced" tab, or the "Page Settings" modal on the Report page also in the "Advanced" tab.

Input your desired URLs and hit Go!

Input your desired URLs, Save your settings, and retest!

To Whitelist a URL

This means that GTmetrix will ONLY grab resources from the URL you designated for analysis.

Example 1 - Single URL:

Inputting http://www.domain.com/foo/ will result in testing that ONLY includes resources referencing that URL. References to other URLs, even on the same domain (ie. http://www.domain.com/bam/), are NOT included in the analysis.

Example 2 - Wildcard:

Inputting http://www.domain.com* will result in testing that ONLY includes resources referencing that entire domain. The wildcard(*) designates that all resources that begin with the inputted URL will be whitelisted (eg. http://domain.com/image.jpg, http://domain.com/js/script.js" will be part of the report, where as http://anotherdomain.com/image.jpg will not be).

To Blacklist a URL

This means that GTmetrix will EXCLUDE resources from the URL you designated for analysis.

Example 1 - Single URL:

Inputting http://www.domain.com/foo/ will result in testing that excludes resources referencing that URL. All references to other URLs will still be included (eg. http://domain.com/bam/).

Example 2 - Wildcard:

Inputting http://www.domain.com* will result in testing that excludes all resources referencing that entire domain. The wildcard(*) designates that all resources that begin with the inputted URL will be blacklisted (eg. http://domain.com/image.jpg, http://domain.com/js/script.js" will not be part of the report)

Mobile Testing Now Available

Thursday, April 11, 2013

We're proud to offer page testing through Android-powered mobile devices.

Currently, two Samsung Galaxy Nexus phones comprise our mobile testing suite, allowing users to generate GTmetrix reports based off actual page loads on these devices.

In addition, GTmetrix uses Google's PageSpeed rules with their prioritization for mobile devices. This ensures that characteristics of mobile devices and their connections are considered first in the recommendations. Google changes these rules often however, and some are experimental at the moment.

YSlow does not have a specific ruleset for mobile devices, so your score will remain similar to the desktop analysis.

More devices are planned for the future as usage increases, as well as more device options (like iPhones or other Android devices) as we mature the service.

How to do it

Our new mobile testing features can be accessed on both our Dashboard and Page Settings modal on the GTmetrix reports page.

Dashboard

Click on the "Advanced Options" tab under the Analysis field. Under the "Test Format" options, change the default "Firefox (Desktop)" option, with "Chrome (Android, Galaxy Nexus)", then click "Go!" A mobile report will be generated for you.

Mobile testing is still in Beta!

It was quite a technical challenge for us to implement actual mobile devices for analyses so please bear with us as we work out all the kinks. We should also note a few things:

Currently, we're using our beta phase to experiment, test, debug and give our users a glimpse of how their sites perform on mobile devices. However, depending on popularity, mobile analyses may become a PRO only feature.

Simulate Different Connection Speeds for Loading Your Page

Thursday, April 11, 2013

Currently, GTmetrix loads your pages at the full speed of our datacentres' Internet connections. This is fine with the generation of the PageSpeed and YSlow reports - as they currently do not have any rules that are affected by connection speed and latency - but the page timings and waterfall graphs are hugely affected by these factors.

You can now change the connection speed GTmetrix uses to analyze your page to simulate up to 5 different connections:

You will be able to see the effects of the connection speed in the page load times and waterfall graphs. Enable the video capture option to see these slower speeds affect your users!

How to do this

Connection speeds can be modified on both our Dashboard and Page Settings modal on the GTmetrix reports page.

Dashboard

Click on the "Advanced Options" tab under the Analysis field. Under the "Test Format" options, change the default "Unthrottled Connection" option, with your desired connection speed, then click "Go!" A report will be generated with your connection throttled to simulate a Dial-Up/2G/3G/DSL/Cable connection.

Get an Alternate View of Your Page Load With Filmstrip

Thursday, April 11, 2013

Visualizing how your page loads is a difficult task. HAR files are too technical for some, and video playback is difficult to dissect (often a page goes from a blank screen to a complete page in a split second).

Identify where elements load with filmstrip view.

Filmstrip gives you another way to visualize your page load by generating snapshots of your site load - from the first request to page completion. and can reveal blocks, bottlenecks and any other loading issues.

How to Generate a Filmstrip

View a GTmetrix report with a video created, then click on "Timeline". Click "Generate Filmstrip", and GTmetrix will create a frame-by-frame view of your page load.

Filmstrips need to be generated to be viewed.

Filmstrips can only be generated on Reports that have videos created on them - enable the "Create video" option in the Page Settings and "re-test" to create a video.

If a re-test is performed on a report with an existing filmstrip, you'll need to regenerate the filmstrip.

UI Changes

Thursday, April 11, 2013

We've done a bit of clean up to our settings and options pages to make it easier and more logical to find the features you want.

You'll notice our Advanced Options tab has been improved on the Dashboard.

New User Settings

The introduction of tabs in the top right corner let's us put popular or most used settings in the foreground, and move more advanced and technical features into the background.

New Advanced Options

Setting up an Alert is now housed in the Page Settings modal, and is now an easier process with direct links to pre-requisite functions if you've not met the requirements for setting one up.

New Alerts Setup - If you don't have the proper pre-requisites set.

New Alerts Setup

We hope these new settings and option layouts improve your GTmetrix experience. Happy optimizing!

New Video Playback Feature

Thursday, October 18, 2012

GTmetrix now offers video playback of page loads! You can see how your page loads and pin point exactly where bottlenecks or stoppages occur.

Reports that have video playback have a play button overlaid on top of the screenshot thumbnail.

Slow pages up to 4 times their original speed to determine issues, and jump to major page load milestones such as DNS Resolved, First Byte and DOM Loaded (only with Chrome, Safari or IE9+).

View your page load in the eyes of your users.

Other uses for your page load videos:

When used with our monitored alerts feature, GTmetrix will save a video of the page load that triggered the alert for viewing (only available to GTmetrix PRO users).

API users can also add video playback to their feature list. It costs 5 API credits to generate a video recording of a page load.

Video playback is only available to registered GTmetrix users. Log in to your account and give it a try today!

Announcing GTmetrix PRO

Monday, June 4, 2012
Choose from Bronze, Silver, Gold and Custom plans.

We're proud to announce the release of GTmetrix PRO, a set of paid plans which give you more of all of the tools and services GTmetrix offers.

GTmetrix PRO lets you

Great for for developers and marketers

If you're using GTmetrix as part of your own branded solutions or applications GTmetrix PRO also gives you more API credits, so you can take more advantage of our tools.

White-labeled PDF reports are also available, allowing you to offer your clients GTmetrix insights under your own brand.

Go for PRO!

Take a look at the range of plans to find out which one suits your needs.


HAR Diff

Tuesday, June 14th, 2011

GTmetrix uses Jan Odvarko's HAR Viewer to give our users a way to visualize page loads via elegant waterfall graphs. Today, we're happy to announce HAR Diff, an add-on we wrote for HAR Viewer to allow the comparison of 2 waterfall graphs side-by-side!

Compare two sites and try it for yourself or take a look at our sample comparison comparing Slashdot from our Vancouver, Canada and Sydney, Australia test regions.

The HAR Diff for Slashdot. Vancouver, Canada and Sydney, Australia test regions are being compared.

Differences in loading elements are classified by colours:

Colours indicate the type of change occurred.

Color key:

You can enlarge the HAR Diff by clicking on "View Larger Version", or open it in a new window to view the waterfalls in a full window.

A larger view of the comparison is also available.

We have submitted some patches to the HAR Viewer project (which have already been accepted) and will be releasing the rest of the HAR Diff code soon, so you can also add HAR Diffs to your project!


New Test Server Regions

Wednesday, June 1st, 2011

We're pleased to announce new test server regions to analyze your URLs. In addition to our main Vancouver test region, you can now test your URL in Dallas, London or Sydney. Like the other test options, log in to access this new functionality.

Select your Test Server Region in the Advanced Option pulldown.

Once in a report, you can compare the URL's performance to another region (using the same page settings).

Click on "Compare to another region" to generate a comparison of the report between 2 different regions.

Select a region and click GO!

A comparison will be generated with the 2 reports.

Page Speed and YSlow scores are generally the same, but page load times and waterfall graphs should be different.

You can also change the default Test Server Region in your User Settings on the Dashboard. GTmetrix will use this selection whenever you analyze a new page.


Performance History graphs improvements

Thursday, March 17th, 2011

In this round of updates, we've added 2 major features to GTmetrix and fixed some bugs.

Complete History Viewing

Previously, you could only view the last 30 days of your reports in the "History" tab. We've now made it so you can view your entire report history. Some new UI elements are added to facilitate that process:

Select the start and end date for your desired range.

This is the date range selector. Click on the calendar to select the start date and end date of your range, and the graphs will regenerate to display all the reports within that range.

You can zoom in 1 day, 1 week, 1 month, 3 months, 6 months, and 1 year.

This is the zoom panel. You can select how close you would like to see your range of reports. From 1 day, to 1 year, to All. When zoomed in, you are also able to pan left and right using the arrows.

Click and drag on the graph to zoom in on your desired range.

Another way to zoom is to click and drag a range on your graph. You'll zoom in on your defined range; use the Pan arrows to move left and right.

Averaged graph points

Reports close in proximity will be averaged into a single point. You can zoom in via the tooltip.

When there are several reports in close proximity within a range, they are averaged into a single point. You can zoom into that range by clicking on the "Zoom in" option in the tooltip.

Annotations

You can now add notes and comments on your graph to help track changes.

You can also edit notes by clicking on the speech bubbles.

In the History tab, click on the "Add Note" button, then move the cursor over the graph. You'll notice the pointer replaced with a crosshair. Click where you want to add the note. After a note has been added, it is indicated at the top of the graph with a speech bubble and a vertical blue line.

You can set a specific date and time for the notes as well.

Bug Fixes


Added Session Cookies and IPv6 support

Tuesday, December 14, 2010

Advanced users can now analyze logged-in pages (like Facebook profiles) by specifying cookies. This will simulate a logged in session and generate a GTmetrix report for that page. Read more in the FAQ

GTmetrix can now analyze IPv6 enabled websites:

http://gtmetrix.com/reports/ipv6.gossamer-threads.com/475PwjAb

Let's make the future of the web faster, too. Test your IPv6 enabled site today!


Added HTTP Authentication support

Monday, November 1, 2010

Page that are protected using an authentication mechanism (eg. Apache's htpasswd) can now be analyzed using GTmetrix! Just enter the username and password in the Advanced Options box and analyze the page as usual. Read more in the FAQ


New "History" Tab and Waterfall Graph Functionality

Monday, May 17, 2010

In this latest update, we've made some changes to the Breakdown section of the reports page to allow for a more streamlined user experience.

Changes Overview

Previous vs Newest report Breakdown section
The previous and new report Breakdown section

The new "History" tab

The "History" tab contains all of the graphs that were previously under the "Performance History" tab. We've added tool tips to the nodes that allow you to:

This provides our users with a more visual way of keeping track of past reports.

New tooltips on nodes feature
Tool tips now appear on each node for every graph.

The new "Timeline" tab

GTmetrix now generates a waterfall graph for each report. You can easily see how your site elements load and troubleshoot any problem areas that you may see. You can view a full version of the graph by clicking "View Larger Version" on the top right-hand corner of the graph.

Read more about how to read waterfall graphs here.

New GTmetrix waterfall graphs
The new waterfall graph feature.