Send performance events/metrics to GA4

[chrisblakley]

GA4 does not have site speed reports or any load time metrics. Since Nebula already detects these, send the data to GA4 as a non-interactive event and make custom metrics for the important load time milestones.

From here, Explore reports could be created to monitor these load times.

[chrisblakley]

Here's how we're calculating it in optimization.js:

Response (TTFB): Math.round(performance.timing.responseStart - performance.timing.navigationStart) Until DOM Ready: Math.round(performance.timing.domComplete - performance.timing.navigationStart) onLoad: Math.round(performance.timing.loadEventStart - performance.timing.navigationStart) Until Fully Loaded: Math.round(performance.timing.loadEventEnd - performance.timing.navigationStart)

[chrisblakley]

These performance timings are actually now deprecated...

This has been updated to use the preferred method of detecting these and are now sent with a non-interactive load_timings event. To use these parameters I recommend the following custom dimensions and metrics:

Custom Dimensions

• session_page_type

Custom Metrics:

• server_response
• dom_interactive
• dom_complete
• fully_loaded