Get key information to help identify areas where performance optimizations would improve the user experience.

Once you know how fast your site is, and how fast you want it to be, it's time to identify how to improve its speed. As each beacon of data arrives, the DevOps dashboard gives you a summary of back-end and front-end timers plus strike lines showing performance over time. It also shows a visual breakdown of front and back-end performance and traffic over time.

The globe widget also lets you see the location of your visitors and their experience on your site in real time.

DevOps widgets

These widgets are included in the DevOps dashboard:

• Page Performance. This widget shows your back-end time, your front-end time, and your page
  load time. For more information on how mPulse measures back-end time, see mPulse FAQ.
• Performance vs. Traffic. This widget shows a visual breakdown of front and back-end performance
  and traffic over time.
• Traffic. This widget shows the number of views and completed sessions.
• Network Performance. This widget shows the speed of your network.
• Engagement. This widget shows your bounce rate, average session duration, and
  average session length.
• Countries. This widget shows the load time and beacons for your top
  countries.
• Geography. The interactive Geography widget shows median load performance by
  geographic unit. The widget legend shows performance in seconds and assigns a color
  for the given range. As with other mPulse performance analytics, color is coded to
  indicate performance by geography, from darker green (great) to lighter green (good)
  to yellow (fair) and darker yellow (poor) and on to red (extremely poor).

👍

Tip

The Geography widget is also included in the Metric Analysis dashboard and will display pop ups for the custom metric selected at the dashboard level as data for a metric arrives.

Click the Plus (+) or Minus (-) controls as you would with any interactive map. Click a country to inspect performance details for Median Load and Measurements (that is the number of beacons collected per the selection).

Note that the 4.499 second median load above matches the location in the color range shown on the legend.

Click Filter to this Country to show only the current selection in this widget and to filter the other dashboard widgets to this country.

• Operating Systems. This widget shows the load time and beacons for your operating systems.
• Page Groups. This widget shows the load time and beacons for your page groups.
• Browsers. This widget shows the load time and beacons for your browsers.

Improve your site's speed

Now that you know how fast your site is, and how fast you want it to be, it's time to sort out how you can improve its speed.

mPulse lets you directly measure how your users are impacted by delays on your site. This leads to a much more accurate estimate of what your target speed should be.

Use the DevOps dashboard to drill down on a few dimensions and find an area where performance optimizations would improve the user experience.

How to

1. Return to Home screen and click the DevOps icon. The dashboard looks like this:

2. If the view is not set to Last 7 Days, switch so that you're looking at seven days of total data.

3. Under the top bar, there's a list of filters. Click the one that shows a time frame (for example, Last 60 Minutes).

4. Click Last 7 Days and then OK to apply the change. The dashboard will update automatically.

5. Mobile traffic is the fastest growing traffic segment for many sites, so check the performance of just mobile users. Click the All Device Types filter at the top, change its value to Mobile, and click OK. The dashboard automatically updates to a filtered view showing mobile traffic only.

6. Look at the titled Timers.

   • Are mobile users spending more time waiting on Back-End Time (time between page request and the first byte of the response) or Front-End Time (time spent waiting on the HTML page and all of its embedded content to load)?
   • Note which of these (back-end or front-end) is where users are spending more time waiting. You'll use this information later in another dashboard.

7. Find the Page Groups widget. Page Groups are auto-defined and user-defined values that group similar URLs on the site (for example, all visits to article pages or product pages). Note the name of the Page Group that's currently receiving the most traffic on this site. You'll use this value in the next dashboard.