{"id":22333,"date":"2026-11-14T09:00:00","date_gmt":"2026-11-14T08:00:00","guid":{"rendered":"https:\/\/webhosting.de\/?p=22333"},"modified":"2026-11-13T16:27:21","modified_gmt":"2026-11-13T15:27:21","slug":"real-user-monitoring-website-speed","status":"publish","type":"post","link":"https:\/\/webhosting.de\/en\/real-user-monitoring-website-geschwindigkeit\/","title":{"rendered":"Real User Monitoring: Understanding Website Speed in the Field and in the Lab"},"content":{"rendered":"<div class=\"wh-article\" data-wh-layout=\"2.1.2\" style=\"width:100%;max-width:820px;margin:0 auto;color:#263b4b;font-family:inherit;font-size:18px;line-height:1.8;text-align:start;overflow-wrap:break-word;box-sizing:border-box\"><p class=\"wh-lead\" style=\"font-size:20px;line-height:1.7;color:#233746;margin:0 0 1.1em\"><strong style=\"font-weight:700;color:inherit\">Real User Monitoring<\/strong> It measures website speed during actual visits and highlights differences across devices, pages, and usage scenarios. A single lab test cannot capture this diversity, but it does help identify anomalies under controlled conditions. What matters most are comparable segments and the distribution of valid metrics rather than a simple average. PageSpeed Insights combines available field data from CrUX with lab diagnostics; for more specific questions, a dedicated RUM (Real User Monitoring) collection may be appropriate. <\/p>\n<nav class=\"wh-toc\" aria-label=\"Contents of this article\" style=\"display:block;margin:28px 0 38px;padding:22px;border:1px solid #d9e4e8;border-radius:14px;background:#f4f8f8\"><p class=\"wh-toc-title\" style=\"font-size:13px;font-weight:700;letter-spacing:.08em;color:#49656b;margin:0 0 14px\">Go directly to the section<\/p><div class=\"wh-toc-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px\"><div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#rum-und-labor\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">Real Users and Lab Tests<\/a><\/div>\n<div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#browser-erfassung\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">How RUM Measurements Are Generated<\/a><\/div>\n<div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#kennzahlen-verstehen\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">Reading Core Web Vitals correctly<\/a><\/div>\n<div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#messverfahren-vergleichen\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">CrUX, its own RUM and lab<\/a><\/div>\n<div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#messung-einrichten\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">Prepare Your Own Measurement Thoroughly<\/a><\/div>\n<div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#segmente-und-perzentile\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">Analyze Measurement Data by Segment<\/a><\/div>\n<div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#probleme-untersuchen\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">From the Field Problem to the Diagnosis<\/a><\/div>\n<div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#datenqualitaet-und-datenschutz\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">Data Quality and Data Protection in Operations<\/a><\/div>\n<div class=\"wh-toc-item\" style=\"display:block;min-width:0;margin:0;padding:0\"><a class=\"wh-toc-link\" href=\"#veraenderungen-bewerten\" style=\"display:block;height:100%;padding:12px 15px;border:1px solid #dce6e8;border-radius:9px;background:#fff;color:#18575b;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;box-sizing:border-box\">Review Changes and Select a Procedure<\/a><\/div>\n<\/div><\/nav><section class=\"wh-section\" aria-labelledby=\"rum-und-labor\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"rum-und-labor\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">Real Users and Lab Tests<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><strong style=\"font-weight:700;color:inherit\">Real User Monitoring<\/strong> (RUM) tracks how a website performs during actual visits. A visit made on an older smartphone using a cellular connection can differ significantly from a visit on a desktop computer with a fast connection. The pages visited and user interactions are also factored into the overall picture.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A <strong style=\"font-weight:700;color:inherit\">Lab Test<\/strong> In contrast, it examines a specific call under controlled conditions. The device type, network conditions, and test procedure can be specified for each analysis. This makes it easier to reproduce an anomaly and to test possible changes under comparable conditions. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">These two perspectives address different questions: Field data can show that mobile product pages often load slowly. However, they do not prove whether, for example, the product image, the rendering path, or a slow document response is to blame. Identifying the root cause requires additional diagnostics and testable hypotheses.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">PageSpeed Insights combines both perspectives: It compares available field data from the Chrome User Experience Report with lab diagnostics based on Lighthouse. The results may not match because real-world visits involve different conditions and usage patterns, whereas the lab examines a defined test case. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">RUM therefore does not replace the lab. Conversely, a single lab test cannot show how often a problem occurs among actual visitors. Furthermore, prior to a launch or for a website with very little traffic, there may not be sufficient field data; without real visits, no RUM metrics are generated at all.<\/p>\n<\/section><section class=\"wh-section\" aria-labelledby=\"browser-erfassung\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"browser-erfassung\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">How RUM Measurements Are Generated<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A custom measurement requires three components: data collection in the browser, a receiver for the transmitted values, and data analysis. First, you define which pages and visitor groups you want to analyze and how the data will be protected. Only when individual values are meaningfully aggregated can they serve as a basis for decision-making.<\/p>\n<figure class=\"wp-block-image size-large wh-figure\" aria-describedby=\"wh-caption-detail1\" style=\"display:block;float:none;clear:both;width:100%;max-width:760px;margin:34px auto 40px;border:1px solid #dae5e9;border-radius:14px;overflow:hidden;background:#f5f8fa;box-shadow:0 10px 28px -17px rgba(24,47,60,.28);box-sizing:border-box\"><div class=\"wh-figure-media\" style=\"display:block;background:#eef3f5;line-height:0\"><img loading=\"lazy\" width=\"800\" height=\"534\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-browser-empfang-auswertung-d3672beb-detail1-97e3952e4d-1024x683.webp\" class=\"wp-image-22337\" alt=\"AI-generated illustration of browser events, as well as their reception and analysis\" decoding=\"async\" srcset=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-browser-empfang-auswertung-d3672beb-detail1-97e3952e4d-1024x683.webp 1024w, https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-browser-empfang-auswertung-d3672beb-detail1-97e3952e4d-300x200.webp 300w, https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-browser-empfang-auswertung-d3672beb-detail1-97e3952e4d-768x512.webp 768w, https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-browser-empfang-auswertung-d3672beb-detail1-97e3952e4d-18x12.webp 18w, https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-browser-empfang-auswertung-d3672beb-detail1-97e3952e4d.webp 1536w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" ><\/div><figcaption class=\"wh-caption\" id=\"wh-caption-detail1\" style=\"display:block;margin:0;padding:12px 18px 15px;border-top:1px solid #dce5e9;color:#506575;background:#f5f8fa;font-size:14px;line-height:1.55;text-align:start\">AI-generated illustration of the three components of a custom RUM collection.<\/figcaption><\/figure><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Browsers provide various performance interfaces for this purpose. <strong style=\"font-weight:700;color:inherit\">Navigation Timing<\/strong> describes the timing of various aspects of navigating to the document, such as the response to the document request. Resource Timing provides timing information about individual loaded resources, such as images or scripts. This allows you to pinpoint different stages of the loading process more precisely. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A <code data-no-translation style=\"font:600 .87em\/1.5 ui-monospace,monospace;color:#235063;background:#edf3f5;border-radius:4px;padding:.1em .3em\">PerformanceObserver<\/code> monitors supported performance metrics as soon as they become available. For Core Web Vitals, the library can <code data-no-translation style=\"font:600 .87em\/1.5 ui-monospace,monospace;color:#235063;background:#edf3f5;border-radius:4px;padding:.1em .3em\">web-vitals<\/code> handle the calculation and reporting. The entries and metrics available depend, among other things, on the browser; therefore, a tracking script does not automatically capture every visit in its entirety.  <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Not every metric is generated immediately upon loading. For INP, for example, a specific interaction must occur: Someone who simply reads a page and then leaves may not contribute to that metric. A missing metric value is therefore neither zero nor evidence of a fast response. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A RUM service can provide tracking, collection, and analysis as a single package. If you develop your own solution, you\u2019ll also need to organize operations, data storage, and quality assurance. This includes properly handling repeat requests throughout the page lifecycle, rather than counting each request as an independent visit without verification. <\/p>\n<\/section><section class=\"wh-section\" aria-labelledby=\"kennzahlen-verstehen\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"kennzahlen-verstehen\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">Reading Core Web Vitals correctly<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">The <strong style=\"font-weight:700;color:inherit\">Core Web Vitals<\/strong> describe three different aspects of the user experience. Largest Contentful Paint (LCP) measures when the largest relevant content element becomes visible. On a product page, this could be a large product image, for example: If it appears late, the page may still seem like it hasn't finished loading, even though the navigation is visible early on. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Interaction to Next Paint (INP) measures the delay between user interactions and the next visible update. If a product filter takes a noticeable amount of time to respond after a click, INP can indicate this problem. Cumulative Layout Shift (CLS), on the other hand, describes unexpected shifts in visible content, such as when an element that appears later displaces a button. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">For the PageSpeed Insights evaluation, an LCP of 2.5 seconds or less, an INP of 200 milliseconds or less, and a CLS of 0.1 or less are considered good. CLS is a dimensionless value. These thresholds apply to the respective metric and should not be confused with the duration of a single page view. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">The key factor in the field evaluation is the <strong style=\"font-weight:700;color:inherit\">75th percentile<\/strong> (p75): At least about 75 percent of the data points considered do not exceed the respective value. A good average alone, however, can mask the fact that a significant portion of visits are slow. Consider mobile and desktop separately so that differences between the device groups remain visible. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Time to First Byte (TTFB) complements these metrics when investigating a slow document response. However, this value does not represent pure server processing time: the network and other stages involved until the first response byte arrives also play a role. Navigation Timing and, where available, Server Timing data help to examine the relevant sections in greater detail. <\/p>\n<\/section><section class=\"wh-section\" aria-labelledby=\"messverfahren-vergleichen\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"messverfahren-vergleichen\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">CrUX, its own RUM and lab<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">To get started, you don't have to run your own measurement system right away. PageSpeed Insights combines field data from the <strong style=\"font-weight:700;color:inherit\">Chrome User Experience Report<\/strong> (CrUX) with a Lighthouse lab diagnosis. The two views answer different questions: One describes real-world experiences, while the other examines a page under controlled conditions. <\/p>\n<div class=\"wh-table-scroll\" tabindex=\"0\" role=\"region\" aria-label=\"A Comparison of Methods for Measuring Website Speed\" style=\"width:100%;max-width:100%;overflow-x:auto;margin:28px 0;border:1px solid #dce5e9;border-radius:14px;background:#fff;box-shadow:0 10px 28px -16px rgba(24,47,60,.32);box-sizing:border-box\"><table style=\"width:100%;min-width:580px;border-collapse:separate;border-spacing:0;border:0;margin:0;font-size:15px;line-height:1.6;background:#fff\"><caption style=\"padding:20px;text-align:start;font-size:17px;line-height:1.5;font-weight:700;color:#173246;background:#fff\">A Comparison of Methods for Measuring Website Speed<\/caption><thead><tr><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Procedure<\/th><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Data Source and Strength<\/th><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Border<\/th><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Typical use<\/th><\/tr><\/thead><tbody><tr><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">CrUX with PageSpeed Insights<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Field data from authorized Chrome users; get started quickly without your own tracking script<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Not a complete survey; there is not enough data for every URL<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Check the actual history of a URL or origin<\/td><\/tr><tr><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Our Own RUM<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Browser metrics based on our own data collection and analysis; targeted segments are possible<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Data collection, operations, and data protection must be planned<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Examine custom page groups or diagnostic attributes<\/td><\/tr><tr><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">RUM Service<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Browser measurements with provided data collection and analysis<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Coverage, performance, and features depend on the service<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Field measurement with external operational components<\/td><\/tr><tr><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Lab Test<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Controlled Page Loading with Diagnostic Tools<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Does not automatically reflect the diversity of actual visits<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Reproduce Problems and Investigate Changes<\/td><\/tr><\/tbody><\/table><\/div><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">The CrUX field data in PageSpeed Insights covers a 28-day historical window. If there isn't enough data for a specific URL, the report may display data for the origin instead. This data reflects the associated website origin and does not necessarily correspond to the user experience on the exact page you entered. Therefore, be sure to note which level the report is actually reporting on. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">CrUX only includes Chrome users who meet the relevant requirements; other browsers and ineligible users are excluded. CrUX data may be missing for small or non-public websites. However, a custom data collection system\u2014one that is legally and technically sound\u2014can still provide insights in such cases, though it remains statistically limited when there are few visits. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Synthetic monitoring repeats predefined tests even when no one is currently visiting the website. It is useful for regularly observing a workflow under similar conditions. Whether users experience the same behavior on different devices or networks is a question that must be answered through field testing; a single synthetic test cannot replace this perspective.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">When making a choice, the key factor is the question you want to answer: A public report is readily available, while your own system allows for more targeted data collection. A service can handle operational tasks, whereas laboratory and synthetic tests enable controlled investigations. However, even a service requires a deliberate selection of data and analysis groups.<\/p>\n<\/section><section class=\"wh-section\" aria-labelledby=\"messung-einrichten\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"messung-einrichten\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">Prepare Your Own Measurement Thoroughly<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">First, define a specific question\u2014for example, whether mobile product pages are more likely to have a high LCP than other page types. Then determine which pages and device categories you want to distinguish, which metrics are needed for this, and how long you want to collect data. Only then should you decide on the tracking script, the destination, and the analysis.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">As a first technical step, you can use the library <code data-no-translation style=\"font:600 .87em\/1.5 ui-monospace,monospace;color:#235063;background:#edf3f5;border-radius:4px;padding:.1em .3em\">web-vitals<\/code> Integrate it locally into a browser project and view the output in the developer tools. The following JavaScript uses the published package version 6.2.3. It assumes that this version is installed in the project and that the build processes the module imports. The example does not send any data to a server and does not enable separate tracking of soft navigation.  <\/p>\n<div class=\"wh-code-window\" data-wh-code style=\"margin:28px 0 34px;border:1px solid #2c4656;border-radius:12px;overflow:hidden;background:#132a3b;box-shadow:0 9px 25px -13px rgba(15,35,55,.2)\"><div class=\"wh-code-toolbar\" style=\"display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;background:#223e50;color:#edf5fa;font-size:13px;line-height:1.5;font-weight:600\"><span>Code<\/span><button type=\"button\" class=\"wh-code-copy\" data-wh-copy hidden style=\"padding:6px 11px;border:1px solid #7893a1;border-radius:6px;background:transparent;color:#fff;font-size:12px;line-height:1.5;font-weight:600;cursor:pointer\">Copy code<\/button><span class=\"wh-copy-status\" aria-live=\"polite\"><\/span><span data-wh-copy-success hidden>Copied<\/span><span data-wh-copy-fallback hidden>Code highlighted\u2014please copy<\/span><\/div><pre class=\"wh-code\" data-no-translation translate=\"no\" style=\"display:block;margin:0;padding:20px;max-width:100%;overflow-x:auto;color:#edf5fa;background:#132a3b;font:14px\/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;direction:ltr;text-align:left\"><code class=\"language-javascript\" style=\"font:inherit;color:inherit;background:transparent;padding:0;border:0;white-space:inherit\">import {onCLS, onINP, onLCP} from &#039;web-vitals&#039;;\n\nonCLS(console.log);\nonINP(console.log);\nonLCP(console.log);<\/code><\/pre><\/div><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">The console output is a way to test the integration; it is not an indication of your visitors' speed. Open the project page and interact with a filter, for example. An INP value requires a suitable interaction and may not appear immediately; without a suitable interaction, it may be missing entirely. Browser support and the page lifecycle also influence the output. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Plan to analyze the <strong style=\"font-weight:700;color:inherit\">Page Lifecycle<\/strong> Note: Reports may be generated multiple times, for example, when a page is hidden and then displayed again later. Do not count these reports as separate visits across the board. The library provides metric IDs that can be used to associate reports with the same metric. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Restoring a document from the back\/forward cache also requires specific handling. It can trigger a new metrics message, even though the document is being retrieved from the cache. Determine how you will distinguish such retrievals from ordinary navigation in your report, and review the specific library guidelines before setting up production-level tracking. <\/p>\n<\/section><section class=\"wh-section\" aria-labelledby=\"segmente-und-perzentile\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"segmente-und-perzentile\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">Analyze Measurement Data by Segment<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">An overall metric for the store can mask the fact that mobile product pages, in particular, are slower. Therefore, break down the metrics at least by page type and device category, and consider a specific time period for each metric. This way, for example, you can compare mobile product pages with mobile category pages, rather than inadvertently mixing different usage scenarios.<\/p>\n<figure class=\"wp-block-image size-large wh-figure\" aria-describedby=\"wh-caption-detail2\" style=\"display:block;float:none;clear:both;width:100%;max-width:760px;margin:34px auto 40px;border:1px solid #dae5e9;border-radius:14px;overflow:hidden;background:#f5f8fa;box-shadow:0 10px 28px -17px rgba(24,47,60,.28);box-sizing:border-box\"><div class=\"wh-figure-media\" style=\"display:block;background:#eef3f5;line-height:0\"><img loading=\"lazy\" width=\"800\" height=\"534\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-segmente-verteilungen-d3672beb-detail2-abb25d8f61-1024x683.webp\" class=\"wp-image-22338\" alt=\"AI-generated illustration of two groups of scattered points representing different evaluation segments\" decoding=\"async\" srcset=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-segmente-verteilungen-d3672beb-detail2-abb25d8f61-1024x683.webp 1024w, https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-segmente-verteilungen-d3672beb-detail2-abb25d8f61-300x200.webp 300w, https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-segmente-verteilungen-d3672beb-detail2-abb25d8f61-768x512.webp 768w, https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-segmente-verteilungen-d3672beb-detail2-abb25d8f61-18x12.webp 18w, https:\/\/webhosting.de\/wp-content\/uploads\/2026\/11\/rum-segmente-verteilungen-d3672beb-detail2-abb25d8f61.webp 1536w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" ><\/div><figcaption class=\"wh-caption\" id=\"wh-caption-detail2\" style=\"display:block;margin:0;padding:12px 18px 15px;border-top:1px solid #dce5e9;color:#506575;background:#f5f8fa;font-size:14px;line-height:1.55;text-align:start\">An AI-generated illustration showing why separate segments can reveal different distributions.<\/figcaption><\/figure><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">For each segment, the <strong style=\"font-weight:700;color:inherit\">75th percentile<\/strong> More meaningful than a simple average: It shows the value that at least about 75 percent of the data points do not exceed. A low average, on the other hand, can mask the fact that a relevant group is waiting a long time. Compare p75 values only for the same metric and using the appropriate unit. <\/p>\n<div class=\"wh-table-scroll\" tabindex=\"0\" role=\"region\" aria-label=\"Template for a transparent analysis without sample data\" style=\"width:100%;max-width:100%;overflow-x:auto;margin:28px 0;border:1px solid #dce5e9;border-radius:14px;background:#fff;box-shadow:0 10px 28px -16px rgba(24,47,60,.32);box-sizing:border-box\"><table style=\"width:100%;min-width:580px;border-collapse:separate;border-spacing:0;border:0;margin:0;font-size:15px;line-height:1.6;background:#fff\"><caption style=\"padding:20px;text-align:start;font-size:17px;line-height:1.5;font-weight:700;color:#173246;background:#fff\">Template for a transparent analysis without sample data<\/caption><thead><tr><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">page type<\/th><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Device Class<\/th><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Period<\/th><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Metric and p75<\/th><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Valid values<\/th><th scope=\"col\" style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#19394d;color:#fff\">Possible distortion<\/th><\/tr><\/thead><tbody><tr><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Product Page<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Mobile<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Specified time window<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">LCP and p75 in seconds<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Record the number<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Check the recorded visitor mix and any missing measurements<\/td><\/tr><tr><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Product Page<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Desktop<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Same time slot<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">LCP and p75 in seconds<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Record the number<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#f4f7f9;color:#294252\">Other Devices and Usage Scenarios<\/td><\/tr><tr><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Category Page<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Mobile<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Same time slot<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">INP and p75 in milliseconds<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">Record the number<\/td><td style=\"padding:15px 18px;border:0;border-bottom:1px solid #e2e9ed;text-align:start;vertical-align:top;white-space:normal;font-size:15px;line-height:1.6;background:#fff;color:#294252\">INP is missing without proper interaction<\/td><\/tr><\/tbody><\/table><\/div><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">The number of valid values is directly related to the result. If a segment consists of only a few measurements, individual data points can significantly influence the percentile; a change does not necessarily indicate a general problem. If necessary, select a longer time period or group together pages that are similar in nature without losing comparability.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A missing INP is not a fast INP and must not be included in the distribution as zero. Instead, specify the number of valid INP values separately. If many page views do not yield a suitable interaction, the INP analysis describes only the recorded interaction experiences and does not automatically cover all page views. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Properly group repeated reports based on the metric ID, rather than treating each response as a new, independent observation. Also, document how recoveries from the back\/forward cache are counted. This ensures that it remains clear which observations are actually included in the p75 and in the specified count. <\/p>\n<\/section><section class=\"wh-section\" aria-labelledby=\"probleme-untersuchen\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"probleme-untersuchen\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">From the Field Problem to the Diagnosis<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">If the field data indicates slow mobile product pages, start by narrowing down the affected segment: Does the poor LCP affect many products or just one page type? At the same time, check the time period and the number of valid values. This will give you a starting point for your investigation, but it won\u2019t yet provide proof of which element is causing the delay.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Then place it in the <strong style=\"font-weight:700;color:inherit\">Lab Test<\/strong> Replicate conditions that are as similar as possible, such as using a mobile device configuration and limited network speed. Determine which element appears as the LCP and when it is loaded and rendered. A large product image, a late image request, or a blocked rendering path are possible hypotheses that you\u2019ll need to test based on the diagnosis. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">If there is any indication that images are being delivered, you can examine file sizes, formats, and delivery methods. A <a href=\"https:\/\/webhosting.de\/en\/content-delivery-network-cdn-optimization-website-speed\/\">Content Delivery Network<\/a> is a possible measure, but no guarantee of a better LCP. If, on the other hand, the document response indicates a bottleneck, an additional <a href=\"https:\/\/webhosting.de\/en\/server-cpu-benchmark-php-web-hosting\/\">Server Benchmark for PHP Workloads<\/a>, to examine the application under defined conditions.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">With a delayed product filter, interaction is key rather than the loading process. Simulate a filter click and check what work is required before the update becomes visible. Where the browser supports it, you can <strong style=\"font-weight:700;color:inherit\">Long Animation Frames<\/strong> They provide information about long rendering updates and the scripts involved; they do not automatically explain every slow interaction. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Implement a targeted change and then observe the same group of pages again in the field. A better lab result initially shows only the effect under the selected test conditions. Only the subsequent field evaluation can reveal whether the recorded experiences of real visitors have also changed.<\/p>\n<\/section><section class=\"wh-section\" aria-labelledby=\"datenqualitaet-und-datenschutz\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"datenqualitaet-und-datenschutz\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">Data Quality and Data Protection in Operations<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Before going live, determine which metrics are necessary for your specific use case and who will process them. Planning should include secure transmission to the recipient, access restrictions, a limited retention period, and a deletion procedure. Review data protection and consent issues for the specific implementation and the applicable rules on a case-by-case basis, rather than assuming blanket approval.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">With the <strong style=\"font-weight:700;color:inherit\">Data minimization<\/strong> It\u2019s worth taking a look at diagnostic fields: Full URLs may contain sensitive information in query parameters; DOM selectors can also reveal details about page content or user input. Whenever possible, capture a general page type and a few carefully selected attributes. Also check what additional information an integrated service collects or stores.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Metrics are not always available immediately. The web-vitals library may report metrics multiple times throughout the page's lifecycle; therefore, a later report should not automatically be counted as a new, independent visit. Plan how to handle related reports and how to handle restores from the back\/forward cache. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">For small diagnostic packages, data can be transferred via <code data-no-translation style=\"font:600 .87em\/1.5 ui-monospace,monospace;color:#235063;background:#edf3f5;border-radius:4px;padding:.1em .3em\">sendBeacon<\/code> at the event <code data-no-translation style=\"font:600 .87em\/1.5 ui-monospace,monospace;color:#235063;background:#edf3f5;border-radius:4px;padding:.1em .3em\">visibilitychange<\/code> be suitable. This improves the ability to trigger data transmission when a page is hidden, but does not guarantee delivery. The recipient must also securely accept the data and process it in such a way that repeated messages do not go unnoticed and skew the analysis. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Finally, take into account the <strong style=\"font-weight:700;color:inherit\">Data Collection Gaps<\/strong>: Blocked scripts, lack of browser support, or lost sessions can result in certain visits being missed. Estimate the loss rate along with the type of data collection. The remaining metrics describe the observed group and may not represent all visitors equally.<\/p>\n<\/section><section class=\"wh-section\" aria-labelledby=\"veraenderungen-bewerten\" style=\"display:block;margin:0 0 36px;min-width:0\"><h2 id=\"veraenderungen-bewerten\" style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">Review Changes and Select a Procedure<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">To perform a comparison after a deployment, you must first specify which page types, device classes, and time periods to include. For each metric, compare the 75th percentile and the number of valid values before and after the change. Time frames of similar length help with context; however, this does not automatically result in sufficiently comparable samples. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Be aware of changes in the visitor mix. If, after a deployment, more users with slow mobile connections visit the site, the overall performance metric may worsen, even though the change itself isn't slower. Seasonal usage or other concurrent changes also make it difficult to pinpoint the cause. A temporal correlation is therefore a hypothesis, not a <strong style=\"font-weight:700;color:inherit\">Proof of Causality<\/strong>.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">CrUX and a site\u2019s own RUM do not necessarily yield the same results: They may cover different user groups, time frames, and measurement conditions. In the case of CLS, CrUX also takes into account the contributions of embedded frames to the experience of the parent page. A JavaScript measurement in the main document does not always fully capture these contributions. Therefore, compare the measurement methodologies first before interpreting a discrepancy as an error. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">In a single-page application, you should decide whether you want to analyze document navigation or internal route changes. For the separate tracking of <strong style=\"font-weight:700;color:inherit\">Soft Navigation<\/strong> Starting with version 6, Web Vitals supports the option provided that the browser supports it <code data-no-translation style=\"font:600 .87em\/1.5 ui-monospace,monospace;color:#235063;background:#edf3f5;border-radius:4px;padding:.1em .3em\">reportSoftNavs: true<\/code>. It must be set in the respective metrics callbacks. The previous console example without this option does not enable separate route measurement.  <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">When soft navigation tracking is enabled, CLS and INP are reset for the new navigation and considered separately; the values from the previous navigation are finalized when the route changes. You should not compare such values\u2014which are defined over different time periods\u2014with document-wide metrics without first verifying them. Without appropriate browser support, this option will not result in a corresponding separate route measurement. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">When choosing a RUM service, in addition to browser coverage, check whether the required page groups and device classes can be analyzed. Ask about sampling methods, data processing, retention, and export options. It\u2019s equally important to consider what impact the tracking script itself might have on the page and whether its data collection can be limited to what\u2019s necessary for your specific analysis.<\/p>\n<\/section><section class=\"wh-sources\" style=\"margin:40px 0 0;padding:24px 0 0;border-top:1px solid #dce5e9;color:#596b7b;font-size:14px;line-height:1.65\"><h2 style=\"margin:38px 0 18px;color:#172f41;font-size:clamp(24px,1.25rem + 1vw,30px);font-weight:700;line-height:1.3;scroll-margin-top:115px\">Sources and Current State of Knowledge<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Status of the research: <time datetime=\"2026-11-13\">2026-11-13<\/time><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Research and source status: November 13, 2026. The JavaScript example refers to the published version 6.2.3 of the web-vitals package; please note browser support and the need to enable soft navigation separately.<\/p><div class=\"wh-source-urls\"><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><span class=\"wh-source-url\" data-no-translation dir=\"ltr\" style=\"overflow-wrap:anywhere;font:12px\/1.6 ui-monospace,monospace;direction:ltr\">https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/about?authuser=2&amp;hl=en<\/span><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><span class=\"wh-source-url\" data-no-translation dir=\"ltr\" style=\"overflow-wrap:anywhere;font:12px\/1.6 ui-monospace,monospace;direction:ltr\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Performance\/Guides\/Navigation_and_resource_timings<\/span><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><span class=\"wh-source-url\" data-no-translation dir=\"ltr\" style=\"overflow-wrap:anywhere;font:12px\/1.6 ui-monospace,monospace;direction:ltr\">https:\/\/github.com\/GoogleChrome\/web-vitals\/blob\/main\/README.md?plain=1<\/span><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><span class=\"wh-source-url\" data-no-translation dir=\"ltr\" style=\"overflow-wrap:anywhere;font:12px\/1.6 ui-monospace,monospace;direction:ltr\">https:\/\/developer.chrome.com\/docs\/crux\/methodology\/<\/span><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><span class=\"wh-source-url\" data-no-translation dir=\"ltr\" style=\"overflow-wrap:anywhere;font:12px\/1.6 ui-monospace,monospace;direction:ltr\">https:\/\/github.com\/GoogleChrome\/web-vitals\/blob\/main\/CHANGELOG.md<\/span><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><span class=\"wh-source-url\" data-no-translation dir=\"ltr\" style=\"overflow-wrap:anywhere;font:12px\/1.6 ui-monospace,monospace;direction:ltr\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Performance_API\/Long_animation_frame_timing<\/span><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><span class=\"wh-source-url\" data-no-translation dir=\"ltr\" style=\"overflow-wrap:anywhere;font:12px\/1.6 ui-monospace,monospace;direction:ltr\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/sendBeacon<\/span><\/p><\/div><\/section><\/div>","protected":false},"excerpt":{"rendered":"<p>Real User Monitoring shows how fast a website performs during actual visits. Learn how to analyze field data, select measurement methods, and investigate anomalies in a lab setting.<\/p>","protected":false},"author":1,"featured_media":22336,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[679],"tags":[],"class_list":["post-22333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/posts\/22333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/comments?post=22333"}],"version-history":[{"count":3,"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/posts\/22333\/revisions"}],"predecessor-version":[{"id":22339,"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/posts\/22333\/revisions\/22339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/media\/22336"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/media?parent=22333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/categories?post=22333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/en\/wp-json\/wp\/v2\/tags?post=22333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}