Features

Preconfigured KPIs to detect poor web experience.

And you can create your own KPIs.

KPI Name

UX
level

Technology
level

Core Web Vital

KPI Description

Browser Event

x

x

Custom browser event.

Browser Metric

 

x

Custom browser metric.

Browser Report

 

x

Browser report event (csp violation, feature policy violation, deprecated feature usage, occurence of crash).

Browser Transaction

x

x

Custom browser transaction.

Browser Visibility

 

x

Event of a browser or page being active, inactive, visible, hidden.

Cumulative Layout Shift (CLS)

x

x

x

Cumulative Layout Shift (CLS) measures visual stability as it quantifies how often users experience unexpected layout shifts. Collected data is accessible on Germain RCA Dashboard for a User Click transaction, on the Detail Execution Flow.

First Input Duration

x

x

x

First Input Delay (FID) measures load responsiveness as it quantifies the experience users feel when trying to interact with unresponsive pages. Collected data is accessible on Germain Dashboard by querying User Click KPI as one of its duration.

JavaScript Console Event

 

x

JavaScript console event (e.g. Angular, React, Siebel eScript, etc)

JavaScript Heap Usage

 

x

JavaScript heap size usage in %. Supported currently only on Google Chrome browser.

JavaScript Heap Used Size

 

x

The amount of JavaScript heap memory (in Mbytes) currently being used. Supported currently only on Google Chrome browser.

JavaScript Long Task

 

x

Any uninterrupted period where the main UI thread is busy for 50 ms or longer.

JavaScript Popup Dialog

 

x

JavaScript popup dialog event (alert, prompt, confirm).

Mouse Click

 

x

Event of a mouse click or user touch.

Outbound CSS Request

 

x

Outbound CSS request transaction (in seconds).

Outbound Document Request

 

x

Full page render duration (in seconds; time from first byte to load in seconds).

Outbound HTTP Request

 

x

Outbound HTTP request transaction (in seconds).

Outbound Image Request

 

x

Outbound Image request transaction (in seconds).

Outbound Resource Request

 

x

Outbound Resource request transaction (in seconds).

Outbound Script Request

 

x

Outbound Script request transaction (in seconds).

Page Largest Paint
a.k.a. “Largest Contentful Paint (LCP)”

 

x

x

Largest Contentful Paint (LCP) measures perceived load speed as it marks when the page's main content (image or text block) visible within the viewport has likely loaded. Collected data is accessible on Germain Dashboard by querying Page Largest Paint KPI.

Page Memory

 

x

The amount of memory (in Mbytes) used by the page. Supported only in latest browsers.

Page Performance Measure

 

x

Custom performance measurement in JavaScript code.

Rage Click

x

x

Event of a rage user click (multiple consecutive click on the same element).

Unhandled Promise Rejection

 

x

Event that occurs when a promise is rejected and no handler is present.

User Change

x

 

Event of a end-user changing a value (input, select).

User Click

x

 

Cumulative transaction duration of all requests and events between 2 consecutive clicks (in seconds). It will contain async and sync transactions.

User Key Press

x

 

Event of key pressed by a user.

User Replay

Replay of Real User Session

User Session Replay Segment

x

 

Individual intervals of User Session Replay activity.

WebSocket Connection Event

 

x

WebSocket connection event (closed or opened).

WebSocket Error

 

x

WebSocket error.

WebSocket Message Size

 

x

WebSocket message size (in bytes; message received or sent size).

WebSocket Session

 

x

WebSocket session duration (in seconds; between opened and closed).

Browser Event/Metric/Transaction

Custom events if configured

Browser Report

Csp violation, feature policy violation, deprecated feature usage

Core Web Vitals

Germain collects all Core Web Vitals metrics to boost your website performance and improve user experience.

Largest Contentful Paint (LCP)

LCP measures perceived load speed as it marks when the page's main content (image or text block) visible within the viewport has likely loaded. Collected data is accessible on Germain Dashboard by querying Page Largest Paint KPI.

First Input Delay (FID)

First Input Delay (FID) measures load responsiveness as it quantifies the experience users feel when trying to interact with unresponsive pages. Collected data is accessible on Germain Dashboard by querying User Click KPI as one of its duration.

Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) measures visual stability as it quantifies how often users experience unexpected layout shifts. Collected data is accessible on Germain RCA Dashboard for a User Click transaction, on the Detail Execution Flow.

Feature available in Germain v2022.2 or later

Error

Any error that occurred on a browser

JavaScript Console Monitoring

Germain collects JavaScript console events such as warnings and errors. By default this monitoring is enabled and only errors are collected.
Collected events are accessible on Germain Dashboard by querying JavaScript Console Event KPI.

Examples

Below data points available on Germain collected by JavaScript Monitoring.

JavaScript Long Task

Any uninterrupted period where the main UI thread is busy for 1s or longer.

Page Largest Paint

Represents largest image or text paint before user input on a web page. The timing of this paint is a good heuristic for when the main page content is available during load)

Page Memory

The amount of memory (in Mbytes) used by page. Supported only in latest browsers and with special response header set; this is much better granularity then the existing "JavaScript Heap Usage" which is for the entire browser and the new one is just for the particular window/page)

Manage KPI

Via Wizard

Germain Workspace > Left Menu > Wizards > KPI

Via KPI Screen

Germain Workspace > Left Menu > Analytics > KPI

Via Rule - for Complex KPI

If the KPI Wizard or Screen aren’t enough, another way of creating your own KPI is to create a Rule.