Search our Knowledge Base
Search

Google Site Speed Performance Metrics



Learn how to build your own custom site speed report with Google Analytics data integrated into our Insight Graph, Single Metric Widgets and Chart/List Widget.

These instructions highlight the Google Analytics Site Speed metrics, however, you can also follow them to create graphs and reports using any of the following Google Analytics metric groups:
  • Traffic: Average Time on Site, Bounce Rate, Pages/Session, Page Views, Users, New Users, New Users % and Sessions
  • Goals: Goal Completions, Goal Conversion Rate and Goal Value
  • ECommerce: Transactions, Revenue, Revenue Per User and Ecommerce Conversion Rate
  • Events: Average Value, Event Value, Events per Session with Event, Sessions with Event, Total Events or Unique Events
  • Multi-Channel Funnels: Assisted Conversions, Assisted Value, Last Interaction Conversions, Last Interaction Value and Assisted / Last Interaction Conversions
  • Site Speed: list below
  • Site Search: coming soon

custom Site Speed report
 

Site Speed Dashboard

             
 

This dashboard page was built with Google Analytics Site Speed metrics in our:

             
site speed report

Instructions for how to create a similar report are in the following sections of this document.

Site Speed Insight Graph

 
Insight Graph Settings: Site Speed

You'll find the Insight Graph in the Reports > Graphs section.

Enter a Metric Name (this is the label that will display in the graph legend) and select a color for the graph line or area by clicking the color swatch that's to the left of the name. Then select:
  • Data Source: Google Analytics
  • Type: Site Speed
  • Metric: Choose from a full list of Site Speed metrics in seconds, milliseconds and Google samples. These metrics can be filtered by Segment, Traffic Source, Device, and Browser. Frequency can be set to Day, Week or Month and a Custom Filter option exists for people with experience using Google's Metric Filter and Dimension Filter clauses.
Repeat for each metric that you want displayed in the graph.  Complete step-by-step instructions for creation of Insight Graphs using the full variety of Google Analytics data and display options can be viewed in this documentation.
            
Site Speed Insight Graph settings


Site Speed Insight Graph example

After you've completed the creation of your graph, you can save it as a template for other campaigns using Report Presets.
            
example of site speed insight graph


Add to Dashboard or PDF Report

Add the Insight Graph to a white label marketing dashboard or PDF report by clicking the gear icon in the upper right corner of the graph screen and selecting the desired option.

add to dashboard


Site Speed Single Metric Widgets

            
 
Create a Page of Site Speed Widgets

You'll find Single Metric Widgets in the Reports > Graphs > Widgets section.

To create the widgets displayed in the example report, click the Add Metric button and enter a Metric Name (this is the label that will display at the top of the widget) and select a trend graph color by clicking the color swatch that's to the left of the name. Then select:
  • Data Source: Google Analytics
  • Type: Site Speed
  • Metric: Choose from a full list of Site Speed metrics in seconds, milliseconds and Google samples. These metrics can be filtered by Segment, Traffic Source, Device, and Browser. Frequency can be set to Day, Week or Month and a Custom Filter option exists for people with experience using Google's Metric Filter and Dimension Filter clauses.
In the Display Settings section:
  • Enable display of the Trend Chart
  • Set the Box Width.
    • If you're planning to add this page of widgets to a marketing dashboard then you have approximately 1040 pixel width to work within (however, you can alter the CSS to make it wider), so in this example I set the box width of six widgets to 170 pixels. 
    • If this widget page will be added to a PDF report, then you have approximately 720 pixels to work with and can fit three 240 pixel wide or four 180 pixel wide widgets per row.
  • Select a theme
  • Click the Save button
Repeat for each metric that you want displayed. Single Metric Widgets have a variety of display options, so please view this documentation for complete details.

single metric widget settings for site speed

Single Metric Widget Page Options
In addition to adding a variety of widgets, you can also add a Separator which can be used to add a Title to a section of widgets, and to separate different types of widgets (e.g., metrics that are measured in sec. vs. ms.). After completing the page of widgets, you can save it as a Report Preset to be applied later to other campaigns.

single metric widget screen

Add to Marketing Dashboard
When your page of widgets is ready, you can click the gear icon in the upper right and select the Add to Marketing Dashboard (or Add to PDF Reports) option and follow the onscreen instructions to select the dashboard and page. This is how the above Single Metric Widgets page displays in a marketing dashboard.

Site Speed Single Metric Widgets


Site Speed List Widgets

            
 
Google Analytics Chart / List Widget
This widget is located in Reports > Graphs > Widgets in the Google Analytics section.

To create the report displayed at the top of this documentation, we added 4 of these widgets to a marketing dashboard. 
  • In Report Options > Widget Settings we disabled the display of the chart
  • In Analytics Settings we selected:
    • Key Metric: Average Page Load Time (sec)
    • Dimension: Country
    • Then clicked the gear icon and selected Add to Marketing Dashboard
This was repeated 3 more times, each time selecting a different Dimension (Browser, Page and City, State). 

This widget has an option to display a pie or bar chart depending upon the metrics selected, as well as color coding in the table and additional columns - please refer to this documentation to explore all the options.


Google Analytics Chart List widget


Four List Widgets in Marketing Dashboard

4 site speed chart list widgets


Marketing Dashboard Settings

             
 
Layout and Sizing
After adding the Insight Graph, Single Metric Widgets and 4 Google Analytics Chart List widgets to the dashboard, to achieve the block of 4 widgets as displayed in the report above, the List widgets were reduced to 50% width by clicking the 4 bar size icon until it displayed 2 bars. 

size dashboard elements

You can add custom titles and drag and drop elements into place to achieve the layout you want for your dashboard.  For more complete instructions for customization of your white label dashboards, please refer to this documentation.

marketing dashboard settings



Add to PDF Report

More

Add to Marketing Dashboard

More

Google Search & Ad Metrics Glossary

More

Get the ultimate SEO tools with the Rank Ranger Software
Learn More About Rank Ranger