[Supported in SpeedCurve RUM and Synthetic]
The Element Timing API enables monitoring of when a specified DOM element is rendered. It is implemented using the
elementtiming attribute of an html element.
<img src=”/images/logo.png” elementtiming="logo-shown" />
Element Timing: One true metric to rule them all?
Read this post by Andy Davies for more information on how Element Timing can be used to understand and measure user experience.
You can add a timing metric to SpeedCurve using Element Timing.
To get started, after clicking on 'Add Metric', select 'Timing Metric' type and click 'Next'.
Select Element Timing API and click 'Next'.
- Add the name of the metric you'd like to see in your charts and dashboards
- Add the name of the element timing entry you want to collect
Once complete, you will see your metric listed on the custom data page.
Updated about 2 months ago