Set up a custom timer

You can define timers to identify key performance moments during a page load such as time to first image, time to sidebar load, and time to load content served from a specific third-party resource.

Before you begin

mPulse supports either client-side URL pattern matching defined as part of your app, or as a variable in your source code written as a boomerang plug-in.

You can define up to 10 custom timers for your web app configuration based on any measurable value in a page, using the following methods by browser:

  • JavaScript Variable (all browsers)
  • Navigation Timing (Chrome, Firefox, Internet Explorer 9+, Opera, Android; experimental on Safari & iOS)
  • Resource Timing defined with CSS Selector or XPath (Chrome only)
  • Resource Timing defined with Resource URL pattern (Chrome and Internet Explorer 10+)
  • URL Timing (Chrome and Internet Explorer 10+)
  • Resource Groups (all browsers)

How to

  1. In mPulse, click Central.
  2. In the left pane, select Apps.
  3. From the list, double-click your app, then click Timers.
  4. Click the plus sign to add a custom timer and open the Timers dialog.
  5. In the Name field, give the timer a name. Enter a descriptive comment about the timer if you want.
  6. From the Value Source menu, choose the method that you want to use to define the timer.
    Note: For details on using these methods, see the links under Learn more.
  7. From the Include on menu, select which beacons you want the timer applied to.
  8. In the Indicator Color Ranges section, color ranges and time indicators are set for you. You can change these if you want or use the presets.
  9. Click OK to save your custom timer.