# real user monitoring

A technique for collecting performance and user-experience data from actual visitors to a website or application.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Digital Experience Monitoring with Grafana Cloud: Session Replay, synthetic checks, and faster investigations

DevFeed: [Digital Experience Monitoring with Grafana Cloud: Session Replay, synthetic checks, and faster investigations](<https://devfeed.tech/articles/digital-experience-monitoring-with-grafana-cloud-session-replay-synthetic-checks-and-faster-investigations-21514.md>)

Original publisher: [Read original article](<https://grafana.com/blog/digital-experience-monitoring-with-grafana-cloud-session-replay-synthetic-checks-and-faster-investigations/>)

Author: Bukola Ayodele

Published: 2026-09-15T01:35:30.954353Z

Content type: article

Language: en

Sources: [Grafana Labs blog on Grafana Labs](<https://devfeed.tech/sources/grafana-labs-blog-on-grafana-labs.md>)

Topics: [digital experience monitoring](<https://devfeed.tech/topics/digital-experience-monitoring.md>), [Grafana Cloud](<https://devfeed.tech/topics/grafana-cloud.md>), [Frontend observability](<https://devfeed.tech/topics/frontend-observability.md>), [synthetic monitoring](<https://devfeed.tech/topics/synthetic-monitoring.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [session replay](<https://devfeed.tech/topics/session-replay.md>), [Instrumentation](<https://devfeed.tech/topics/instrumentation.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Core Web Vitals](<https://devfeed.tech/topics/core-web-vitals.md>), [Traces](<https://devfeed.tech/topics/traces.md>)

Tags: [analytics](<https://devfeed.tech/tags/analytics.md>), [core-web-vitals](<https://devfeed.tech/tags/core-web-vitals.md>), [digital-experience-monitoring](<https://devfeed.tech/tags/digital-experience-monitoring.md>), [frontend-observability](<https://devfeed.tech/tags/frontend-observability.md>), [grafana](<https://devfeed.tech/tags/grafana.md>), [grafana-cloud](<https://devfeed.tech/tags/grafana-cloud.md>), [grafana-cloud-frontend-observability](<https://devfeed.tech/tags/grafana-cloud-frontend-observability.md>), [instrumentation](<https://devfeed.tech/tags/instrumentation.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [logs](<https://devfeed.tech/tags/logs.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [observability](<https://devfeed.tech/tags/observability.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [session-replay](<https://devfeed.tech/tags/session-replay.md>), [synthetic](<https://devfeed.tech/tags/synthetic.md>), [synthetic-monitoring](<https://devfeed.tech/tags/synthetic-monitoring.md>), [traces](<https://devfeed.tech/tags/traces.md>), [web-applications](<https://devfeed.tech/tags/web-applications.md>)

### AI overview

This article explains how Digital Experience Monitoring in Grafana Cloud combines Frontend Observability, Synthetic Monitoring, real user monitoring, and session replay. It shows how these capabilities help engineering teams detect issues proactively, understand their scope and root causes, correlate frontend signals with backend traces, and resolve production problems faster.

### Source excerpt

When something breaks in production, the questions that matter most are also the toughest to answer from metrics alone: who was affected, what did they actually see, and is this worth waking someone up for? Answering those questions requires a fuller picture of the issue and its impact on your users. That's where Digital Experience Monitoring (DEM) in Grafana Cloud comes in. By combining Frontend Observability and Synthetic Monitoring, DEM connects real user experiences with proactive testing, helping engineering teams understand the scope of an issue, investigate its cause, and resolve it faster, all within Grafana Cloud. In this blog post, we'll walk through some of the latest DEM updates in Grafana Cloud, and how to get started. You can also learn more by watching the video below. First, what is Digital Experience Monitoring? Digital Experience Monitoring in Grafana Cloud gives you a complete picture of how users experience your web applications, from real user data to proactive synthetic checks. DEM helps your team achieve: Real user visibility: know how users truly experience your web application, not just what your backend metrics suggest. Proactive detection: catch problems before your users do, using automated checks against your critical user journeys. End-to-end correlation: connect a frontend signal to the backend trace behind it. Faster resolution: cut your mean time to recovery from hours to minutes. Session Replay: see exactly what your users saw Session Replay in Grafana Cloud Frontend Observability lets you visually replay what a user saw and did inside your web application. Your team can watch exactly what users experienced and correlate it with real user monitoring signals like Core Web Vitals, user actions, and traces, which makes it a powerful tool for investigating bugs and running root cause analysis. Session Replay is powered by Faro, Grafana's open source JavaScript instrumentation library for collecting real user monitoring data. Let's walk

## How we built Datadog Experiments

DevFeed: [How we built Datadog Experiments](<https://devfeed.tech/articles/how-we-built-datadog-experiments-2283.md>)

Original publisher: [Read original article](<https://www.datadoghq.com/blog/how-we-built-datadog-experiments/>)

Author: Chas DeVeas; Aaron Silverman; Tyler Buffington; Jonathan Fulton; Taylor Overturf

Published: 2026-09-10T00:00:00Z

Content type: article

Language: en

Sources: [Datadog | The Monitor blog](<https://devfeed.tech/sources/datadog-the-monitor-blog.md>)

Topics: [experiments](<https://devfeed.tech/topics/experiments.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>)

Tags: [a-b-testing](<https://devfeed.tech/tags/a-b-testing.md>), [acquisition](<https://devfeed.tech/tags/acquisition.md>), [data-analytics](<https://devfeed.tech/tags/data-analytics.md>), [data-engineering](<https://devfeed.tech/tags/data-engineering.md>), [experimentation](<https://devfeed.tech/tags/experimentation.md>), [experiments](<https://devfeed.tech/tags/experiments.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [observability](<https://devfeed.tech/tags/observability.md>), [product-analytics](<https://devfeed.tech/tags/product-analytics.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>)

### AI overview

Datadog describes rebuilding its experimentation platform to speed up confident A/B-test decisions. The article explains a flexible CUPED approach that reduces metric variance and can be applied to segments.

### Source excerpt

Datadog Experiments shortens the time from result to decision with CUPED on percentiles, verifiable warehouse results, and near real-time RUM metrics.

## Reduce sensitive data exposure with build-time allowlists

DevFeed: [Reduce sensitive data exposure with build-time allowlists](<https://devfeed.tech/articles/reduce-sensitive-data-exposure-with-build-time-allowlists-2305.md>)

Original publisher: [Read original article](<https://www.datadoghq.com/blog/rum-build-time-privacy-allowlist/>)

Author: Congyao Zheng; Rick Klein; Seth Fowler

Published: 2026-08-28T00:00:00Z

Content type: article

Language: en

Sources: [Datadog | The Monitor blog](<https://devfeed.tech/sources/datadog-the-monitor-blog.md>)

Topics: [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [SDKs](<https://devfeed.tech/topics/sdks.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [digital-experience-monitoring](<https://devfeed.tech/tags/digital-experience-monitoring.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [instrumentation](<https://devfeed.tech/tags/instrumentation.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [privacy](<https://devfeed.tech/tags/privacy.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [rust](<https://devfeed.tech/tags/rust.md>), [session-replay](<https://devfeed.tech/tags/session-replay.md>)

### AI overview

Datadog explains build-time allowlists for RUM action names. A plugin extracts static text from compiled artifacts so the Browser SDK can preserve readable static labels while masking runtime-generated text that may be sensitive.

### Source excerpt

Learn how build-time allowlists preserve useful RUM action names while reducing the risk of exposing runtime-generated sensitive data.

## Find, analyze, and collaborate on user sessions in Datadog Session Replay

DevFeed: [Find, analyze, and collaborate on user sessions in Datadog Session Replay](<https://devfeed.tech/articles/find-analyze-and-collaborate-on-user-sessions-in-datadog-session-replay-2310.md>)

Original publisher: [Read original article](<https://www.datadoghq.com/blog/session-replay-investigate-collaborate/>)

Author: Stella Ma; Abhi Motgi

Published: 2026-08-06T00:00:00Z

Content type: article

Language: en

Sources: [Datadog | The Monitor blog](<https://devfeed.tech/sources/datadog-the-monitor-blog.md>)

Topics: [session replay](<https://devfeed.tech/topics/session-replay.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Operating system](<https://devfeed.tech/topics/operating-system.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [browser](<https://devfeed.tech/tags/browser.md>), [collaboration](<https://devfeed.tech/tags/collaboration.md>), [digital-experience-monitoring](<https://devfeed.tech/tags/digital-experience-monitoring.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [product-analytics](<https://devfeed.tech/tags/product-analytics.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [session-replay](<https://devfeed.tech/tags/session-replay.md>)

### AI overview

Datadog Session Replay brings session discovery, AI-assisted investigation, and timestamped team comments into one workspace. Teams can find relevant replays through RUM or Product Analytics, identify important moments, and share findings with context attached.

### Source excerpt

See how Datadog Session Replay unites session discovery, AI analysis, and team collaboration in a single workspace.

## Monitor your .NET MAUI apps with Datadog RUM

DevFeed: [Monitor your .NET MAUI apps with Datadog RUM](<https://devfeed.tech/articles/monitor-your-net-maui-apps-with-datadog-rum-2294.md>)

Original publisher: [Read original article](<https://www.datadoghq.com/blog/monitor-dotnet-maui-apps-datadog-rum/>)

Author: Jessica Manheimer; Maël Lilensten

Published: 2026-07-08T00:00:00Z

Content type: article

Language: en

Sources: [Datadog | The Monitor blog](<https://devfeed.tech/sources/datadog-the-monitor-blog.md>)

Topics: [.NET MAUI](<https://devfeed.tech/topics/net-maui.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [Monitoring](<https://devfeed.tech/topics/monitoring.md>), [SDKs](<https://devfeed.tech/topics/sdks.md>), [error tracking](<https://devfeed.tech/topics/error-tracking.md>), [Network](<https://devfeed.tech/topics/network.md>), [session replay](<https://devfeed.tech/topics/session-replay.md>), [multiplatform](<https://devfeed.tech/topics/multiplatform.md>), [Android](<https://devfeed.tech/topics/android.md>), [iOS](<https://devfeed.tech/topics/ios.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [cross-platform](<https://devfeed.tech/tags/cross-platform.md>), [digital-experience-monitoring](<https://devfeed.tech/tags/digital-experience-monitoring.md>), [error-tracking](<https://devfeed.tech/tags/error-tracking.md>), [ios](<https://devfeed.tech/tags/ios.md>), [microsoft](<https://devfeed.tech/tags/microsoft.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [net-maui](<https://devfeed.tech/tags/net-maui.md>), [network](<https://devfeed.tech/tags/network.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [sdks](<https://devfeed.tech/tags/sdks.md>), [session-replay](<https://devfeed.tech/tags/session-replay.md>)

### AI overview

This article explains how to monitor .NET MAUI mobile applications with the Datadog Real User Monitoring SDK. It covers supported NuGet-based instrumentation for crash reporting, error tracking, network monitoring, Session Replay, and telemetry across iOS and Android apps.

### Source excerpt

Use the Datadog .NET MAUI SDK to monitor crashes, errors, ANR events, network performance, and user sessions across iOS and Android apps.

## Monitor watchOS and visionOS apps with Datadog RUM

DevFeed: [Monitor watchOS and visionOS apps with Datadog RUM](<https://devfeed.tech/articles/monitor-watchos-and-visionos-apps-with-datadog-rum-2299.md>)

Original publisher: [Read original article](<https://www.datadoghq.com/blog/monitor-watchos-visionos-datadog-rum/>)

Author: Jessica Manheimer; Maël Lilensten

Published: 2026-07-06T00:00:00Z

Content type: article

Language: en

Sources: [Datadog | The Monitor blog](<https://devfeed.tech/sources/datadog-the-monitor-blog.md>)

Topics: [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [visionOS](<https://devfeed.tech/topics/visionos.md>), [watchOS](<https://devfeed.tech/topics/watchos.md>), [error tracking](<https://devfeed.tech/topics/error-tracking.md>), [Traces](<https://devfeed.tech/topics/traces.md>), [SDKs](<https://devfeed.tech/topics/sdks.md>), [observability](<https://devfeed.tech/topics/observability.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [SwiftUI](<https://devfeed.tech/topics/swiftui.md>), [iOS](<https://devfeed.tech/topics/ios.md>)

Tags: [apple](<https://devfeed.tech/tags/apple.md>), [apple-watch](<https://devfeed.tech/tags/apple-watch.md>), [digital-experience-monitoring](<https://devfeed.tech/tags/digital-experience-monitoring.md>), [error-tracking](<https://devfeed.tech/tags/error-tracking.md>), [net-11-preview-7](<https://devfeed.tech/tags/net-11-preview-7.md>), [observability](<https://devfeed.tech/tags/observability.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [traces](<https://devfeed.tech/tags/traces.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [vision](<https://devfeed.tech/tags/vision.md>)

### AI overview

Datadog RUM extends crash reporting, error tracking, deobfuscated stack traces, and session-level observability to watchOS and visionOS apps. The article explains how teams can investigate failures and understand user interactions without a separate SDK.

### Source excerpt

Monitor crashes, errors, and user sessions on watchOS and visionOS by using Datadog RUM with fully deobfuscated stack traces and no separate SDK required.

## What's new in ClickStack - May 2026

DevFeed: [What's new in ClickStack - May 2026](<https://devfeed.tech/articles/what-s-new-in-clickstack-may-2026-5650.md>)

Original publisher: [Read original article](<https://clickhouse.com/blog/whats-new-in-clickstack-may-2026>)

Author: The ClickStack Team

Published: 2026-06-23T00:00:00Z

Content type: release

Language: en

Sources: [ClickHouse Blog](<https://devfeed.tech/sources/clickhouse-blog.md>)

Topics: [dashboards](<https://devfeed.tech/topics/dashboards.md>), [telemetry](<https://devfeed.tech/topics/telemetry.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [serverless monitoring](<https://devfeed.tech/topics/serverless-monitoring.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [clickhouse](<https://devfeed.tech/tags/clickhouse.md>), [dashboards](<https://devfeed.tech/tags/dashboards.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [mcp-server](<https://devfeed.tech/tags/mcp-server.md>), [observability](<https://devfeed.tech/tags/observability.md>), [opentelemetry](<https://devfeed.tech/tags/opentelemetry.md>), [serverless](<https://devfeed.tech/tags/serverless.md>)

### AI overview

ClickStack's May update focuses on investigation dashboards, with table actions, scoped filters, customizable number tiles, and enhanced service-map views. It also adds a Browser RUM template, experimental PromQL support, expanded MCP tools, AI Notebooks beta, an MCP server, and a private-preview managed serverless ClickStack Cloud offering.

### Source excerpt

We've shipped dashboard actions, custom number palettes, flexible event patterns, a built-in RUM experience, major trace view improvements, expanded MCP capabilities, scoped dashboard filters, and much more in ClickStack this May.

## DASH 2026 End-to-End Observability: Guide to Datadog's newest announcements

DevFeed: [DASH 2026 End-to-End Observability: Guide to Datadog's newest announcements](<https://devfeed.tech/articles/dash-2026-end-to-end-observability-guide-to-datadog-s-newest-announcements-2249.md>)

Original publisher: [Read original article](<https://www.datadoghq.com/blog/dash-2026-new-feature-roundup-observability/>)

Author: Datadog

Published: 2026-06-09T00:00:00Z

Content type: article

Language: en

Sources: [Datadog | The Monitor blog](<https://devfeed.tech/sources/datadog-the-monitor-blog.md>)

Topics: [observability](<https://devfeed.tech/topics/observability.md>), [OpenTelemetry](<https://devfeed.tech/topics/opentelemetry.md>), [Instrumentation](<https://devfeed.tech/topics/instrumentation.md>), [telemetry](<https://devfeed.tech/topics/telemetry.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [Application Performance Management (APM)](<https://devfeed.tech/topics/apm.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Kubernetes](<https://devfeed.tech/topics/kubernetes.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>), [Monitoring](<https://devfeed.tech/topics/monitoring.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>), [Network](<https://devfeed.tech/topics/network.md>)

Tags: [announcements](<https://devfeed.tech/tags/announcements.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [dash](<https://devfeed.tech/tags/dash.md>), [digital-experience-monitoring](<https://devfeed.tech/tags/digital-experience-monitoring.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [infrastructure](<https://devfeed.tech/tags/infrastructure.md>), [instrumentation](<https://devfeed.tech/tags/instrumentation.md>), [integrations](<https://devfeed.tech/tags/integrations.md>), [kubernetes](<https://devfeed.tech/tags/kubernetes.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [observability](<https://devfeed.tech/tags/observability.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [opentelemetry](<https://devfeed.tech/tags/opentelemetry.md>), [saas](<https://devfeed.tech/tags/saas.md>), [telemetry](<https://devfeed.tech/tags/telemetry.md>), [traces](<https://devfeed.tech/tags/traces.md>), [tracing](<https://devfeed.tech/tags/tracing.md>)

### AI overview

DASH 2026 announcements expand Datadog's end-to-end observability coverage from frontend monitoring to the physical network. The roundup highlights faster instrumentation, deeper digital experience monitoring, broader cloud and infrastructure integrations, and native OpenTelemetry support, including correlated metrics, logs, and traces for infrastructure and Kubernetes workflows.

### Source excerpt

A roundup of everything we announced at DASH 2026, including Service Remapping, new RUM and APM Single Step Instrumentation options, and Pipeline Simulation.

## Monitor critical user journeys with Datadog Journey Monitoring

DevFeed: [Monitor critical user journeys with Datadog Journey Monitoring](<https://devfeed.tech/articles/monitor-critical-user-journeys-with-datadog-journey-monitoring-2286.md>)

Original publisher: [Read original article](<https://www.datadoghq.com/blog/journey-monitoring/>)

Author: Maël Lilensten; Arti Arutiunov; Younes Berradia; Lauren Zuniga

Published: 2026-06-09T00:00:00Z

Content type: article

Language: en

Sources: [Datadog | The Monitor blog](<https://devfeed.tech/sources/datadog-the-monitor-blog.md>)

Topics: [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>)

Tags: [availability](<https://devfeed.tech/tags/availability.md>), [dashboards](<https://devfeed.tech/tags/dashboards.md>), [digital-experience-monitoring](<https://devfeed.tech/tags/digital-experience-monitoring.md>), [digital-experiences](<https://devfeed.tech/tags/digital-experiences.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [performance](<https://devfeed.tech/tags/performance.md>), [product-analytics](<https://devfeed.tech/tags/product-analytics.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [synthetic-monitoring](<https://devfeed.tech/tags/synthetic-monitoring.md>)

### AI overview

Datadog Journey Monitoring centralizes user behavior, technical performance, availability SLOs, and synthetic test results to help teams assess critical digital journeys and investigate issues in context.

### Source excerpt

See how teams can monitor critical digital experiences from a single hub.

## Why is CrUX data different from my RUM data?

DevFeed: [Why is CrUX data different from my RUM data?](<https://devfeed.tech/articles/why-is-crux-data-different-from-my-rum-data-4159.md>)

Original publisher: [Read original article](<https://web.dev/articles/crux-and-rum-differences?hl=en>)

Author: Barry Pollard X GitHub Mastodon Bluesky Homepage

Published: 2025-12-17T08:00:00Z

Content type: tutorial

Language: en

Sources: [web.dev: Articles](<https://devfeed.tech/sources/web-dev-articles.md>)

Topics: [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>)

Tags: [analytics](<https://devfeed.tech/tags/analytics.md>), [benchmarking](<https://devfeed.tech/tags/benchmarking.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>)

### AI overview

This guide explains why Core Web Vitals measurements from CrUX and real user monitoring can differ, and how RUM can provide finer-grained analysis to investigate site issues.

### Source excerpt

Learn about reasons why RUM data can show different Core Web Vitals numbers from CrUX.

## Optimize Time to First Byte

DevFeed: [Optimize Time to First Byte](<https://devfeed.tech/articles/optimize-time-to-first-byte-4161.md>)

Original publisher: [Read original article](<https://web.dev/articles/optimize-ttfb?hl=en>)

Author: Barry Pollard X GitHub Mastodon Bluesky Homepage Jeremy Wagner GitHub LinkedIn Homepage

Published: 2025-11-28T08:00:00Z

Content type: tutorial

Language: en

Sources: [web.dev: Articles](<https://devfeed.tech/sources/web-dev-articles.md>)

Topics: [Latency](<https://devfeed.tech/topics/latency.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [Web](<https://devfeed.tech/topics/web.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [Chrome](<https://devfeed.tech/topics/chrome.md>)

Tags: [caching](<https://devfeed.tech/tags/caching.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [latency](<https://devfeed.tech/tags/latency.md>), [performance](<https://devfeed.tech/tags/performance.md>), [time](<https://devfeed.tech/tags/time.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [web](<https://devfeed.tech/tags/web.md>), [web-performance](<https://devfeed.tech/tags/web-performance.md>)

### AI overview

This tutorial explains how to optimize Time to First Byte (TTFB), a web performance metric that affects subsequent user experience metrics such as First Contentful Paint and Largest Contentful Paint. It covers measuring TTFB with field and lab data, understanding differences between them, and investigating redirects, server-side caching, and network conditions.

### Source excerpt

Learn how to optimize for the Time to First Byte metric.

## Fix your website's Largest Contentful Paint by optimizing image loading

DevFeed: [Fix your website's Largest Contentful Paint by optimizing image loading](<https://devfeed.tech/articles/fix-your-website-s-largest-contentful-paint-by-optimizing-image-loading-4050.md>)

Original publisher: [Read original article](<https://developer.mozilla.org/en-US/blog/fix-image-lcp/>)

Author: debugbear

Published: 2025-01-13T00:00:00Z

Content type: tutorial

Language: en

Sources: [MDN Blog](<https://devfeed.tech/sources/mdn-blog.md>)

Topics: [Core Web Vitals](<https://devfeed.tech/topics/core-web-vitals.md>), [Website](<https://devfeed.tech/topics/website.md>), [Image](<https://devfeed.tech/topics/image.md>), [Optimization](<https://devfeed.tech/topics/optimization.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Performance Testing](<https://devfeed.tech/topics/performance-testing.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [Network](<https://devfeed.tech/topics/network.md>), [browser](<https://devfeed.tech/topics/browser.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [CSS](<https://devfeed.tech/topics/css.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [browser](<https://devfeed.tech/tags/browser.md>), [core-web-vitals](<https://devfeed.tech/tags/core-web-vitals.md>), [css](<https://devfeed.tech/tags/css.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html](<https://devfeed.tech/tags/html.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [network](<https://devfeed.tech/tags/network.md>), [optimization](<https://devfeed.tech/tags/optimization.md>), [performance](<https://devfeed.tech/tags/performance.md>), [performance-testing](<https://devfeed.tech/tags/performance-testing.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

This tutorial explains how image loading affects Largest Contentful Paint and Core Web Vitals. It covers image discovery through HTML, CSS, and JavaScript, request chains, network waterfalls, browser image-processing stages, and techniques for diagnosing and improving loading performance.

### Source excerpt

Learn techniques to improve the Largest Contentful Paint metric, a part of Core Web Vitals, for your website.

## Introducing Shared Memory Versioning to improve slow interactions

DevFeed: [Introducing Shared Memory Versioning to improve slow interactions](<https://devfeed.tech/articles/introducing-shared-memory-versioning-to-improve-slow-interactions-4188.md>)

Original publisher: [Read original article](<https://blog.chromium.org/2024/06/introducing-shared-memory-versioning-to.html>)

Author: Chromium Blog (noreply@blogger.com)

Published: 2024-06-03T17:24:00Z

Content type: article

Language: en

Sources: [Chromium Blog](<https://devfeed.tech/sources/chromium-blog.md>)

Topics: [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [Processes](<https://devfeed.tech/topics/processes.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [memory](<https://devfeed.tech/tags/memory.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [none](<https://devfeed.tech/tags/none.md>), [performance](<https://devfeed.tech/tags/performance.md>), [privacy](<https://devfeed.tech/tags/privacy.md>), [process](<https://devfeed.tech/tags/process.md>), [the-fast-and-the-curious](<https://devfeed.tech/tags/the-fast-and-the-curious.md>), [traces](<https://devfeed.tech/tags/traces.md>), [web-platform](<https://devfeed.tech/tags/web-platform.md>)

### AI overview

The article describes Chrome's use of field data and anonymized Perfetto traces to investigate slow web interactions. It identifies redundant synchronous cookie reads from the network service as a source of contention and introduces shared memory versioning as the stated improvement.

### Source excerpt

On the Chrome team, we believe it's not sufficient to be fast most of the time, we have to be fast all of the time. Today's The Fast and the Curious post explores how we contributed to Core Web Vitals by surveying the field data of Chrome responding to user interactions across all websites, ultimately improving performance of the web. As billions of people turn to the web to get things done every day, the browser becomes more responsible for hosting a multitude of apps at once, resource contention becomes a challenge. The multi-process Chrome browser contends for multiple resources: CPU and memory of course, but also its own queues of work between its internal services (in this article, the network service). This is why we've been focused on identifying and fixing slow interactions from Chrome users' field data, which is the authoritative source when it comes to real user experiences. We gather this field data by recording anonymized Perfetto traces on Chrome Canary, and report them using a privacy-preserving filter. When looking at field data of slow interactions, one particular cause caught our attention: recurring synchronous calls to fetch the current site's cookies from the network service. Let's dive into some history. Cookies under an evolving web Cookies have been part of the web platform since the very beginning. They are commonly created like this: document.cookie = "user=Alice;color=blue" And later retrieved like this: // Assuming a `getCookie` helper method: getCookie("user", document.cookie) Its implementation was simple in single-process browsers, which kept the cookie jar in memory. Over time, browsers became multi-process, and the process hosting the cookie jar became responsible for answering more and more queries. Because the Web Spec requires Javascript to fetch cookies synchronously, however, answering each document.cookie query is a blocking operation. The operation itself is very fast, so this approach was generally fine, but under heavy load s

## Fixing Cumulative Layout Shift Problems on DavidWalshBlog

DevFeed: [Fixing Cumulative Layout Shift Problems on DavidWalshBlog](<https://devfeed.tech/articles/fixing-cumulative-layout-shift-problems-on-davidwalshblog-37483.md>)

Original publisher: [Read original article](<https://davidwalsh.name/fixing-cumulative-layout-shift-problems-on-davidwalshblog>)

Author: Todd Gardner

Published: 2024-01-24T11:56:41Z

Content type: tutorial

Language: en

Sources: [David Walsh](<https://devfeed.tech/sources/david-walsh.md>)

Topics: [Core Web Vitals](<https://devfeed.tech/topics/core-web-vitals.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [Google](<https://devfeed.tech/topics/google.md>)

Tags: [core-web-vitals](<https://devfeed.tech/tags/core-web-vitals.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [lighthouse](<https://devfeed.tech/tags/lighthouse.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [optimization](<https://devfeed.tech/tags/optimization.md>), [optimization-performance](<https://devfeed.tech/tags/optimization-performance.md>), [performance](<https://devfeed.tech/tags/performance.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>)

### AI overview

This tutorial investigates poor Cumulative Layout Shift performance on DavidWalshBlog. It explains CLS as a Core Web Vital, contrasts Google Lighthouse testing with real-user performance data, and uses Request Metrics to identify affected pages and shifting elements.

### Source excerpt

Over 50 thousand developers visit DavidWalshBlog every month from around the world to learn JavaScript tricks and fix problems in their code. Unfortunately, some of them have a slow experience on the site. David tracks the performance of his Core Web Vitals and overall performance with Request Metrics. Recently, we noticed that his CLS performance [...] The post Fixing Cumulative Layout Shift Problems on DavidWalshBlog appeared first on David Walsh Blog.

## My Challenge to the Web Performance Community

DevFeed: [My Challenge to the Web Performance Community](<https://devfeed.tech/articles/my-challenge-to-the-web-performance-community-29517.md>)

Original publisher: [Read original article](<https://philipwalton.com/articles/my-challenge-to-the-web-performance-community/>)

Published: 2021-10-06T07:18:38Z

Content type: opinion

Language: en

Sources: [Philip Walton](<https://devfeed.tech/sources/philip-walton.md>)

Topics: [performance-optimization](<https://devfeed.tech/topics/performance-optimization.md>), [Core Web Vitals](<https://devfeed.tech/topics/core-web-vitals.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [Chrome](<https://devfeed.tech/topics/chrome.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [Website](<https://devfeed.tech/topics/website.md>)

Tags: [chrome](<https://devfeed.tech/tags/chrome.md>), [core-web-vitals](<https://devfeed.tech/tags/core-web-vitals.md>), [performance](<https://devfeed.tech/tags/performance.md>), [performance-optimization](<https://devfeed.tech/tags/performance-optimization.md>), [synthetic](<https://devfeed.tech/tags/synthetic.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [web-performance](<https://devfeed.tech/tags/web-performance.md>)

### AI overview

The article argues that web performance optimization should focus on users' real-world experience rather than solely on synthetic tool scores. It explains that Lighthouse is useful for testing and optimization but does not guarantee good field performance: research found that almost half of pages scoring 100 on Lighthouse failed to meet recommended Core Web Vitals thresholds, while some pages with poor Lighthouse scores met those thresholds.

### Source excerpt

Performance optimization should be about making your users happy, not about making your tools happy. And if we really believe that, we should lead by example.

## Measuring Realtime Database performance with Firebase Performance Monitoring

DevFeed: [Measuring Realtime Database performance with Firebase Performance Monitoring](<https://devfeed.tech/articles/measuring-realtime-database-performance-with-firebase-performance-monitoring-16380.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2021/03/rtdb-performance-monitoring>)

Author: Sam Stern

Published: 2021-03-12T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Realtime Database](<https://devfeed.tech/topics/realtime-database.md>), [Monitoring](<https://devfeed.tech/topics/monitoring.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [Latency](<https://devfeed.tech/topics/latency.md>), [SDK](<https://devfeed.tech/topics/sdk.md>), [WebSocket](<https://devfeed.tech/topics/websocket.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [backend](<https://devfeed.tech/tags/backend.md>), [database-performance](<https://devfeed.tech/tags/database-performance.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [latency](<https://devfeed.tech/tags/latency.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [performance](<https://devfeed.tech/tags/performance.md>), [performance-monitoring](<https://devfeed.tech/tags/performance-monitoring.md>), [react](<https://devfeed.tech/tags/react.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [realtime](<https://devfeed.tech/tags/realtime.md>), [realtime-database](<https://devfeed.tech/tags/realtime-database.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [web](<https://devfeed.tech/tags/web.md>), [websocket](<https://devfeed.tech/tags/websocket.md>)

### AI overview

This tutorial explains how to measure Realtime Database performance with Firebase Performance Monitoring. It uses custom traces to measure database operations over the long-running WebSocket connection and examines how latency varies by user geography.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## The Web Performance Impact Of Lossy Network Conditions

DevFeed: [The Web Performance Impact Of Lossy Network Conditions](<https://devfeed.tech/articles/the-web-performance-impact-of-lossy-network-conditions-27974.md>)

Original publisher: [Read original article](<https://tech.trivago.com/post/2019-08-08-thewebperformanceimpactoflossynetworkcon/>)

Author: Tobias Baldauf

Published: 2019-08-08T00:00:00Z

Content type: article

Language: en

Sources: [Trivago](<https://devfeed.tech/sources/trivago.md>)

Topics: [Web](<https://devfeed.tech/topics/web.md>), [Network](<https://devfeed.tech/topics/network.md>), [Latency](<https://devfeed.tech/topics/latency.md>), [real user monitoring](<https://devfeed.tech/topics/real-user-monitoring.md>), [cloud-infrastructure](<https://devfeed.tech/topics/cloud-infrastructure.md>), [Monitoring](<https://devfeed.tech/topics/monitoring.md>), [API](<https://devfeed.tech/topics/api.md>), [User experience (UX)](<https://devfeed.tech/topics/ux.md>), [Testing](<https://devfeed.tech/topics/testing.md>)

Tags: [cdn](<https://devfeed.tech/tags/cdn.md>), [dns](<https://devfeed.tech/tags/dns.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [monitor](<https://devfeed.tech/tags/monitor.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [network](<https://devfeed.tech/tags/network.md>), [performance](<https://devfeed.tech/tags/performance.md>), [real-user-monitoring](<https://devfeed.tech/tags/real-user-monitoring.md>), [synthetic](<https://devfeed.tech/tags/synthetic.md>), [test-coverage](<https://devfeed.tech/tags/test-coverage.md>), [testing](<https://devfeed.tech/tags/testing.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [web-performance](<https://devfeed.tech/tags/web-performance.md>)

### AI overview

This article explains how packet loss on middleware routers between a CDN and origin server can cause intermittent outages and slower web performance. It describes using MTR, Synthetic Monitoring, and Real User Monitoring to identify first-mile network problems and improve testing coverage.

### Source excerpt

tl;dr: continuously monitor your CDN and origin servers on layer 3 with tools like MTR. Layer 3 issues on external middleware can have ...