Identify performance bottlenecks with Splunk RUM for Browser 🔗
The following use case features Buttercup Industries, a fictitious e-commerce company.
About this use case 🔗
Kai is a site reliability engineer at Buttercup Industries e-commerce company. One of Kai’s main concerns is monitoring the performance of the Buttercup Industries website. When sites are sluggish, users get frustrated and are more likely to abandon a slow site in favor of a faster competitor. In this example, Kai uses Splunk RUM for Browser and Splunk Observability Cloud to identify performance bottlenecks and monitor Web Vitals so that they can troubleshoot customer facing issues on the Buttercup Industries website.
Web vitals 🔗
Many businesses rely on search engines for users to discover their sites. Google uses web vitals to determine page ranking. Splunk RUM automatically measures Web Vital metrics so Kai can tune into the overview page to check in on the metric scores.
Web Vitals are made up of three metrics that measure user experience:
LCP (largest contentful paint)
CLS (cumulative layout shift)
FID (first input delay).
Monitor Web Vitals 🔗
To monitor the Web Vitals, Kai follows these steps:
Kai opens RUM. From the left navigation panel, they select RUM and Browser as the source.
Kai clicks on the LCP metric to see more in Tag Spotlight.
Kai can also get to Tag Spotlight by clicking into any metric in the Overview page. In Tag Spotlight Kai can filter session aggregates by endpoint, pages, environments, operation, and more.
In Tag Spotlight, Kai sees that the P99 loading time for the site is abnormally slow, 53.86s for Chrome users!
Drill down to a User session to troubleshoot slow loading 🔗
In Tag Spotlight, Kai found that something is causing the loading speed of the website to decrease. To dig deeper, Kai opens up an User session. By looking in an example session, Kai can investigate the causes of the latency issue.
Kai opens User sessions from Tag Spotlight by clicking the User sessions tab.
The User sessions tab in the Tag Spotlight view shows sessions that contain certain characteristics based on the filters selected.
Kai sorts the User sessions by LCP duration to drill into a session with a long load time. Kai opens Session Details by clicking on the session ID like the following image.
In the Session Details view, Kai discovers that the loading latency is from a third-party resource like the following image.
In this use case, Kai identified problems on the Buttercup Industries website performance by doing the following:
Monitoring the Web Vitals in the Application Summary Dashboard and identifying that that LCP was really slow.
Investigated the data in Tag Spotlight and discovered there was a loading problem.
Kai opened an User session to troubleshoot and learned that the resource loading issue was from a third party vendor.
Kai reported the issue to the Buttercup Industries developer team so that they can reproduce the issue and work on a fix.
By helping the team improve the Web Vitals score, Kai also helped improve the search engine optimization for their site.
Finally, Kai can also configure detectors to alert on their Splunk RUM metrics.
To learn more about how you can optimize your experience with Splunk Observability Cloud, see:
Video tutorials and blog articles
Splunk RUM Documentation