Define a timer with Resource Timing

Capture performance data about a specific resource, such as objects, images, and CSS files, based on existing Resource Timing API methods.

How to

  1. If the timer that you want to capture applies only to certain pages on your site, enter the URL pattern to match those pages.
    You can use an asterisk as a wildcard to replace one or more characters (for example, */example/example-abc/*). mPulse looks for the first matching query string parameter for the page that has a URL pattern match.
    Note: For the best results, avoid using a regular expression in the URL pattern.
  2. From the Type of Query menu, select a method to locate the resource.
    • To use CSS Selector or XPath, go to the page, copy the selector or XPath and paste it in the corresponding field in the dialog.

      For details, see Capture a CSS Selector or XPath.

    • To use Resource URL, enter the absolute URL of the resource in the Resource URL field. To collect the first resource found in the page that matches, use a wildcard.

      For example, to collect a specific resource, the Resource URL might look like this:

      http://www.example.com/images/image4.gif

      If you include a wildcard at the end of the Resource URL, like this:

      http://www.example.com/images/image*

      then mPulse collects the first resource found that matches, such as:

      http://www.example.com/images/image1.gif

  3. From the Start and End menus, select the corresponding timing attributes that tell mPulse when to begin and when to stop collecting performance data for the resource.
    • Connect Start / Connect End
    • DOM Lookup Start / DOM Lookup End
    • Fetch Start
    • Page Start Time
    • Redirect Start / Redirect End
    • Resource Start Time
    • Response Start / Response End
    • Request Start
    • Secure Connect Start