Enable Core Web Vitals

Google Core Web Vitals is a set of metrics that measure the real-world user experience for loading performance, interactivity, and visual stability of the page. In Splunk AppDynamics SaaS, Core Web Vitals include the following metrics:

• Largest Contentful Paint (LCP) - Reports the render time of the largest image or text block on the page.
• First input Delay (FID) - Reports the page response time for the user interaction.
  
• Cumulative Layout Shift (CLS) -  of the largest burst of layout shift scores for every unexpected layout shift that occurs during the entire lifespan of a page

Google refers to Core Web Vitals as one of the signals to rank the webpages so you may require to maintain a healthy metrics for your website that improves the SEO ranking and drives user traffic. For more information, see Core Web Vitals.

To enable core web vitals, ensure the ADRUM version is >= 24.10.0

In Splunk AppDynamics SaaS, enable Core Web Vitals while configuring the JavaScript Agent so that the agent collects these metrics for the browsers that are compatible with Google's Core Web Vitals library. You can analyze the scores of Core Web Vitals using Query Language. For more information, see 2025-05-08_04-36-20_Analytics Browser Core Web Vitals Records Data.

To view the Core Web Vitals metrics, enable Core Web Vitals while configuring the JavaScript Agent and inject the adrum.js script.

<script charset="UTF-8" type="text/javascript">
window["adrum-start-time"] = new Date().getTime();
(function(config){
    config.appKey = "SM-AFF-ACX";
    config.adrumExtUrlHttp = "http://cdn.appdynamics.com";
    config.adrumExtUrlHttps = "https://cdn.appdynamics.com";
    config.beaconUrlHttp = "http://eum-shadow-master-col.saas.appd-test.com";
    config.beaconUrlHttps = "https://eum-shadow-master-col.saas.appd-test.com";
    config.useHTTPSAlways = true;
    config.resTiming = {"bufSize":200,"clearResTimingOnBeaconSend":true};
    config.maxUrlLength = 512;
    config.enableCoreWebVitals = true;
})(window["adrum-config"] || (window["adrum-config"] = {}));
</script>
<script src="//cdn.appdynamics.com/adrum/adrum-23.10.0.4353.js"></script> 

After you enable Core Web Vitals, create a custom dashboard using the metrics created by ADQL. For more information, see Custom Dashboards.