{"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":"supervision-de-la-velocidad-del-sitio-web-por-parte-de-usuarios-reales","status":"publish","type":"post","link":"https:\/\/webhosting.de\/es\/real-user-monitoring-website-geschwindigkeit\/","title":{"rendered":"Supervisi\u00f3n de usuarios reales: comprender la velocidad de los sitios web tanto en condiciones reales como en laboratorio"},"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\">Supervisi\u00f3n de usuarios reales<\/strong> mide la velocidad del sitio web en visitas reales y pone de manifiesto las diferencias entre dispositivos, p\u00e1ginas y situaciones de uso. Una sola prueba de laboratorio no puede reflejar esta diversidad, pero ayuda a analizar anomal\u00edas en condiciones controladas. Lo fundamental es contar con segmentos comparables y con la distribuci\u00f3n de valores de medici\u00f3n v\u00e1lidos, en lugar de una mera media. PageSpeed Insights combina los datos de campo disponibles de CrUX con los diagn\u00f3sticos de laboratorio; para cuestiones m\u00e1s espec\u00edficas, se puede recurrir a un registro RUM propio. <\/p>\n<nav class=\"wh-toc\" aria-label=\"Contenido de este art\u00edculo\" 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\">Ir directamente a la secci\u00f3n<\/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\">Usuarios reales y pruebas de laboratorio<\/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\">As\u00ed se obtienen los valores de medici\u00f3n de RUM<\/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\">C\u00f3mo interpretar correctamente los Core Web Vitals<\/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, su propio RUM y laboratorio<\/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\">Preparar adecuadamente la medici\u00f3n propia<\/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\">Analizar los valores medidos por segmentos<\/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\">Del problema de campo al diagn\u00f3stico<\/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\">Calidad de los datos y protecci\u00f3n de datos en la empresa<\/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\">Analizar los cambios y elegir el procedimiento<\/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\">Usuarios reales y pruebas de laboratorio<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><strong style=\"font-weight:700;color:inherit\">Supervisi\u00f3n de usuarios reales<\/strong> (RUM) registra c\u00f3mo funciona un sitio web en visitas reales. Una visita desde un smartphone antiguo a trav\u00e9s de una red m\u00f3vil puede diferir considerablemente de una visita desde un ordenador de sobremesa con una conexi\u00f3n r\u00e1pida. Las p\u00e1ginas visitadas y las interacciones tambi\u00e9n se tienen en cuenta en el an\u00e1lisis.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A <strong style=\"font-weight:700;color:inherit\">Prueba de laboratorio<\/strong> Por el contrario, analiza una llamada definida en condiciones controladas. Para cada an\u00e1lisis se pueden especificar el tipo de dispositivo, las condiciones de red y el procedimiento de prueba. Esto facilita volver a reproducir una anomal\u00eda y comprobar posibles cambios en condiciones comparables. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Ambos puntos de vista responden a preguntas diferentes: los datos de campo pueden mostrar que las p\u00e1ginas de productos en dispositivos m\u00f3viles suelen cargarse lentamente. Sin embargo, no demuestran si, por ejemplo, la imagen del producto, la ruta de renderizado o una respuesta lenta del documento son las causas de ello. Para identificar la causa, se necesitan diagn\u00f3sticos adicionales e hip\u00f3tesis verificables.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">PageSpeed Insights combina ambas perspectivas: compara los datos de campo disponibles, procedentes del Informe sobre la experiencia del usuario de Chrome, con los diagn\u00f3sticos de laboratorio basados en Lighthouse. No es necesario que los resultados coincidan, ya que las visitas reales abarcan condiciones y flujos de uso diferentes, mientras que el laboratorio analiza un caso de prueba concreto. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Por lo tanto, el RUM no sustituye al laboratorio. Por el contrario, una sola prueba de laboratorio no puede mostrar con qu\u00e9 frecuencia se produce un problema entre los visitantes reales. Adem\u00e1s, antes de una publicaci\u00f3n o en el caso de una p\u00e1gina web con escaso tr\u00e1fico, es posible que no se disponga de datos de campo suficientes; sin visitas reales, no se generan en absoluto valores de medici\u00f3n propios del RUM.<\/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\">As\u00ed se obtienen los valores de medici\u00f3n de RUM<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para realizar un an\u00e1lisis propio se necesitan tres elementos: un sistema de registro en el navegador, un receptor de los valores transmitidos y un proceso de evaluaci\u00f3n. En primer lugar, debes determinar qu\u00e9 p\u00e1ginas y qu\u00e9 grupos de visitantes deseas analizar, as\u00ed como c\u00f3mo se proteger\u00e1n los datos. Solo a partir de valores individuales agrupados de forma adecuada se puede sentar una base para la toma de decisiones.<\/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=\"Ilustraci\u00f3n generada por IA de los eventos del navegador, as\u00ed como de su recepci\u00f3n y an\u00e1lisis\" 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\">Ilustraci\u00f3n generada por IA de los tres elementos fundamentales de un registro RUM propio.<\/figcaption><\/figure><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Los navegadores ofrecen diversas interfaces de rendimiento para ello. <strong style=\"font-weight:700;color:inherit\">Tiempo de navegaci\u00f3n<\/strong> describe los momentos relacionados con la navegaci\u00f3n hasta el documento, como la respuesta a la solicitud del documento. Resource Timing proporciona informaci\u00f3n sobre el tiempo de cada uno de los recursos cargados, como im\u00e1genes o scripts. De este modo, se pueden delimitar con mayor precisi\u00f3n las distintas fases de un proceso de carga. <\/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> supervisa las entradas de rendimiento optimizadas tan pronto como est\u00e9n disponibles. Para los Core Web Vitals, la biblioteca puede <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> se encargan del c\u00e1lculo y la notificaci\u00f3n. Las entradas y los indicadores disponibles dependen, entre otras cosas, del navegador; por lo tanto, un script de medici\u00f3n no registra autom\u00e1ticamente todas las visitas en su totalidad.  <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">No todos los valores se generan directamente al cargar la p\u00e1gina. Para el INP, por ejemplo, debe producirse una interacci\u00f3n adecuada: quien solo lee una p\u00e1gina y luego la abandona, es posible que no aporte ning\u00fan valor. Por lo tanto, la ausencia de un valor medido no significa que sea cero ni que sea indicio de una respuesta r\u00e1pida. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Un servicio RUM puede ofrecer funciones de recopilaci\u00f3n, recepci\u00f3n y an\u00e1lisis en un \u00fanico paquete. Si se trata de un desarrollo propio, adem\u00e1s tendr\u00e1s que organizar el funcionamiento, el almacenamiento y el control de calidad. Esto incluye tambi\u00e9n gestionar correctamente los mensajes repetidos a lo largo del ciclo de vida de la p\u00e1gina, en lugar de contabilizar cada mensaje sin comprobarlo como una visita independiente. <\/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\">C\u00f3mo interpretar correctamente los Core Web Vitals<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">El <strong style=\"font-weight:700;color:inherit\">Core Web Vitals<\/strong> describen tres aspectos distintos de la experiencia del usuario. El Largest Contentful Paint (LCP) mide cu\u00e1ndo se hace visible el elemento de contenido relevante de mayor tama\u00f1o. En la p\u00e1gina de un producto, por ejemplo, puede tratarse de una imagen grande del producto: si aparece tarde, es posible que la p\u00e1gina parezca que a\u00fan no se ha cargado por completo, a pesar de que la navegaci\u00f3n ya sea visible. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">El indicador \u00abInteraction to Next Paint\u00bb (INP) mide el retraso entre una interacci\u00f3n y la siguiente actualizaci\u00f3n visible. Si un filtro de productos tarda en reaccionar de forma perceptible tras un clic, el INP puede se\u00f1alar este problema. Por su parte, el Cumulative Layout Shift (CLS) describe los desplazamientos inesperados del contenido visible, como cuando un elemento que aparece posteriormente desplaza un bot\u00f3n. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para la evaluaci\u00f3n en PageSpeed Insights, se considera \u00abbueno\u00bb un LCP de hasta 2,5 segundos inclusive, un INP de hasta 200 milisegundos inclusive y un CLS de hasta 0,1 inclusive. El CLS es un valor sin unidades. Estos umbrales se aplican a cada indicador concreto y no deben confundirse con la duraci\u00f3n de una sola visita a la p\u00e1gina. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Un factor decisivo para la evaluaci\u00f3n de campo es el <strong style=\"font-weight:700;color:inherit\">percentil 75<\/strong> (p. 75): Al menos alrededor del 75 % de las experiencias tenidas en cuenta no superan el valor correspondiente. Sin embargo, una buena media por s\u00ed sola puede ocultar el hecho de que una parte considerable de las visitas es lenta. Analiza por separado los dispositivos m\u00f3viles y los ordenadores de sobremesa, para que las diferencias entre los distintos grupos de dispositivos sigan siendo visibles. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">El \u00abTime to First Byte\u00bb (TTFB) complementa estos indicadores a la hora de detectar una respuesta lenta de un documento. Sin embargo, este valor no se refiere \u00fanicamente al tiempo de procesamiento del servidor: tambi\u00e9n influyen la red y otros puntos intermedios hasta que llega el primer byte de respuesta. El \u00abNavigation Timing\u00bb y, en su caso, los datos de \u00abServer Timing\u00bb facilitados ayudan a analizar con mayor precisi\u00f3n las etapas implicadas. <\/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, su propio RUM y laboratorio<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para empezar, no es necesario que utilices tu propio sistema de medici\u00f3n desde el principio. PageSpeed Insights combina datos de campo procedentes del <strong style=\"font-weight:700;color:inherit\">Informe sobre la experiencia de usuario de Chrome<\/strong> (CrUX) con un diagn\u00f3stico de laboratorio de Lighthouse. Ambas perspectivas responden a preguntas diferentes: una describe las experiencias registradas, mientras que la otra analiza una p\u00e1gina en condiciones controladas. <\/p>\n<div class=\"wh-table-scroll\" tabindex=\"0\" role=\"region\" aria-label=\"Comparativa de m\u00e9todos de medici\u00f3n de la velocidad de los sitios web\" 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\">Comparativa de m\u00e9todos de medici\u00f3n de la velocidad de los sitios web<\/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\">Procedimiento<\/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\">Origen y fiabilidad de los datos<\/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\">Frontera<\/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\">Uso t\u00edpico<\/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 con 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\">Datos de campo de usuarios autorizados de Chrome; inicio r\u00e1pido sin necesidad de un script de medici\u00f3n propio<\/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\">No se trata de un censo completo; no hay datos suficientes para todas las 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\">Comprobar el historial real de una URL o un origen<\/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\">RUM propio<\/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\">Mediciones del navegador basadas en nuestro propio registro y an\u00e1lisis; posibilidad de segmentar por grupos espec\u00edficos<\/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\">Es necesario planificar la recogida de datos, el funcionamiento y la protecci\u00f3n de datos<\/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\">Analizar grupos de p\u00e1ginas propios o caracter\u00edsticas de diagn\u00f3stico<\/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\">Servicio 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:#fff;color:#294252\">Mediciones del navegador con registro y an\u00e1lisis proporcionados<\/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\">La cobertura, el rendimiento y las funciones dependen del servicio<\/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\">Medici\u00f3n sobre el terreno con componentes operativos desmontados<\/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\">Prueba de laboratorio<\/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\">Acceso controlado a las p\u00e1ginas con herramientas de diagn\u00f3stico<\/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\">No refleja autom\u00e1ticamente la diversidad de las visitas reales<\/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\">Reproducir problemas y analizar los cambios<\/td><\/tr><\/tbody><\/table><\/div><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Los datos de campo de CrUX en PageSpeed Insights describen un periodo retrospectivo de 28 d\u00edas. Si los datos de una URL concreta no son suficientes, el informe puede mostrar, en su lugar, datos del origen. Estos incluyen el origen del sitio web correspondiente y no deben equipararse exactamente a la experiencia en la p\u00e1gina introducida. Por lo tanto, presta atenci\u00f3n al nivel que el informe muestra realmente. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">CrUX solo tiene en cuenta a los usuarios de Chrome que cumplen los requisitos correspondientes; no incluye otros navegadores ni a los usuarios que no cumplen dichos requisitos. En una p\u00e1gina web peque\u00f1a o que no sea p\u00fablica, es posible que falten datos de CrUX. No obstante, un sistema de recopilaci\u00f3n propio, adecuado desde el punto de vista jur\u00eddico y t\u00e9cnico, puede proporcionar informaci\u00f3n \u00fatil en esos casos, aunque su valor estad\u00edstico seguir\u00e1 siendo limitado si el n\u00famero de visitas es reducido. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">La monitorizaci\u00f3n sint\u00e9tica repite pruebas predefinidas, incluso cuando no hay nadie visitando la p\u00e1gina web en ese momento. Es adecuada para observar un proceso de forma peri\u00f3dica en condiciones similares. Para saber si los usuarios tienen la misma experiencia con otros dispositivos o redes, es necesario realizar una medici\u00f3n sobre el terreno; un \u00fanico proceso sint\u00e9tico no sustituye a esta perspectiva.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Por lo tanto, a la hora de elegir, lo que cuenta es la pregunta que quieras responder: un informe p\u00fablico est\u00e1 disponible r\u00e1pidamente, mientras que un sistema propio permite un registro m\u00e1s espec\u00edfico. Un servicio puede aliviar la carga de trabajo operativo, mientras que los ensayos de laboratorio y sint\u00e9ticos permiten realizar an\u00e1lisis controlados. Sin embargo, incluso un servicio requiere una selecci\u00f3n consciente de los datos y los grupos de an\u00e1lisis.<\/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\">Preparar adecuadamente la medici\u00f3n propia<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">En primer lugar, define una pregunta concreta, por ejemplo, si las p\u00e1ginas de productos para m\u00f3viles suelen presentar un LCP elevado con m\u00e1s frecuencia que otros tipos de p\u00e1ginas. A continuaci\u00f3n, determina qu\u00e9 p\u00e1ginas y categor\u00edas de dispositivos quieres diferenciar, qu\u00e9 m\u00e9tricas son necesarias para ello y durante cu\u00e1nto tiempo deseas recopilar datos. Solo despu\u00e9s de eso debes decidir qu\u00e9 script de medici\u00f3n utilizar, a qui\u00e9n se enviar\u00e1n los datos y c\u00f3mo se evaluar\u00e1n.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Como primer paso t\u00e9cnico, puedes utilizar la biblioteca <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> Integrarlo localmente en un proyecto de navegador y ver el resultado en las herramientas de desarrollo. El c\u00f3digo JavaScript siguiente utiliza la versi\u00f3n 6.2.3 del paquete publicado. Se da por supuesto que esta versi\u00f3n est\u00e1 instalada en el proyecto y que la compilaci\u00f3n procesa las importaciones de m\u00f3dulos. El ejemplo no env\u00eda datos a ning\u00fan servidor ni activa ninguna medici\u00f3n independiente de la navegaci\u00f3n suave.  <\/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>C\u00f3digo<\/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\">Copiar c\u00f3digo<\/button><span class=\"wh-copy-status\" aria-live=\"polite\"><\/span><span data-wh-copy-success hidden>Copiado<\/span><span data-wh-copy-fallback hidden>C\u00f3digo resaltado: por favor, c\u00f3pialo<\/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\">La salida de la consola es una forma de comprobar la integraci\u00f3n, no una indicaci\u00f3n de la velocidad de tus visitantes. Abre la p\u00e1gina del proyecto e interact\u00faa, por ejemplo, con un filtro. Un valor INP requiere una interacci\u00f3n adecuada y no tiene por qu\u00e9 aparecer de inmediato; sin la interacci\u00f3n adecuada, puede que ni siquiera aparezca. La compatibilidad del navegador y el ciclo de vida de la p\u00e1gina tambi\u00e9n influyen en el resultado. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Planifica, para un an\u00e1lisis posterior, el <strong style=\"font-weight:700;color:inherit\">Ciclo de vida de la p\u00e1gina<\/strong> Nota: Las notificaciones pueden producirse varias veces, por ejemplo, cuando una p\u00e1gina se oculta y luego vuelve a mostrarse. No cuentes estas notificaciones de forma generalizada como visitas independientes. La biblioteca proporciona identificadores de m\u00e9trica con los que se pueden asignar las notificaciones a la misma m\u00e9trica. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">La recuperaci\u00f3n desde la cach\u00e9 \u00abBack\/Forward\u00bb tambi\u00e9n requiere un tratamiento espec\u00edfico. Puede generar un nuevo mensaje de m\u00e9trica, aunque el documento provenga de la cach\u00e9. Define c\u00f3mo vas a diferenciar este tipo de recuperaciones de las navegaciones habituales en tu informe y consulta las instrucciones espec\u00edficas de la biblioteca antes de configurar un registro en entorno productivo. <\/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\">Analizar los valores medidos por segmentos<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Un valor global de la tienda puede ocultar el hecho de que las p\u00e1ginas de productos para m\u00f3viles son m\u00e1s lentas. Por eso, desglosa los datos de medici\u00f3n, como m\u00ednimo, por tipo de p\u00e1gina y clase de dispositivo, y analiza cada m\u00e9trica en un periodo de tiempo concreto. De este modo, por ejemplo, podr\u00e1s comparar las p\u00e1ginas de productos para m\u00f3viles con las p\u00e1ginas de categor\u00edas para m\u00f3viles, en lugar de mezclar sin darte cuenta diferentes situaciones de uso.<\/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=\"Ilustraci\u00f3n generada por IA de dos grupos de puntos dispersos como s\u00edmbolo de los distintos segmentos de evaluaci\u00f3n\" 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\">Ilustraci\u00f3n generada por IA que muestra por qu\u00e9 los segmentos separados pueden poner de manifiesto distribuciones diferentes.<\/figcaption><\/figure><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para cada segmento, el <strong style=\"font-weight:700;color:inherit\">percentil 75<\/strong> Es m\u00e1s significativo que una simple media: indica el valor que no supera, como m\u00ednimo, el 75 % de las experiencias tenidas en cuenta. Por el contrario, una media baja puede ocultar el hecho de que un grupo relevante tenga que esperar mucho tiempo. Compara el p75 siempre solo para la misma m\u00e9trica y con la unidad adecuada. <\/p>\n<div class=\"wh-table-scroll\" tabindex=\"0\" role=\"region\" aria-label=\"Plantilla para una evaluaci\u00f3n clara y comprensible sin valores de medici\u00f3n de ejemplo\" 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\">Plantilla para una evaluaci\u00f3n clara y comprensible sin valores de medici\u00f3n de ejemplo<\/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\">Tipo de p\u00e1gina<\/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\">Clase de dispositivo<\/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\">Periodo<\/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\">M\u00e9trica y 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\">Valores v\u00e1lidos<\/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\">Posible distorsi\u00f3n<\/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\">P\u00e1gina del producto<\/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\">M\u00f3vil<\/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\">Franja horaria establecida<\/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 y p75 en segundos<\/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\">Anotar el n\u00famero<\/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\">Comprobar la composici\u00f3n de los visitantes registrada y las mediciones que faltan<\/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\">P\u00e1gina del producto<\/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\">Escritorio<\/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\">El mismo intervalo de tiempo<\/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 y p75 en segundos<\/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\">Anotar el n\u00famero<\/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\">Otros dispositivos y situaciones de uso<\/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\">P\u00e1gina de categor\u00edas<\/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\">M\u00f3vil<\/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\">El mismo intervalo de tiempo<\/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 y p75 en milisegundos<\/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\">Anotar el n\u00famero<\/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\">Falta el INP sin una interacci\u00f3n adecuada<\/td><\/tr><\/tbody><\/table><\/div><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">El n\u00famero de valores v\u00e1lidos forma parte directamente del resultado. Si un segmento consta solo de unas pocas mediciones, los datos individuales pueden influir considerablemente en el percentil; en ese caso, una variaci\u00f3n no tiene por qu\u00e9 indicar un problema general. Si es necesario, elige un periodo de tiempo m\u00e1s largo o agrupa p\u00e1ginas tem\u00e1ticamente similares sin perder la comparabilidad.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Un INP ausente no es un INP r\u00e1pido y no debe incluirse como cero en la distribuci\u00f3n. En su lugar, indica por separado el n\u00famero de valores de INP v\u00e1lidos. Si muchas visitas no proporcionan una interacci\u00f3n adecuada, el an\u00e1lisis del INP solo describe las experiencias de interacci\u00f3n registradas y no todas las visitas a la p\u00e1gina de forma autom\u00e1tica. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Agrupa adecuadamente los mensajes repetidos en funci\u00f3n del ID de m\u00e9trica, en lugar de tratar cada respuesta como una nueva observaci\u00f3n independiente. Documenta, adem\u00e1s, c\u00f3mo se contabilizan las recuperaciones de la cach\u00e9 \u00abback\/forward\u00bb. De este modo, se podr\u00e1 comprobar qu\u00e9 observaciones est\u00e1n realmente incluidas en el p75 y en el n\u00famero indicado. <\/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\">Del problema de campo al diagn\u00f3stico<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Si los datos de campo indican que las p\u00e1ginas de productos se cargan lentamente en dispositivos m\u00f3viles, delimita primero el segmento afectado: \u00bfel LCP deficiente afecta a muchos productos o solo a un tipo de p\u00e1gina? Comprueba al mismo tiempo el periodo de tiempo y el n\u00famero de valores v\u00e1lidos. De este modo, obtendr\u00e1s un punto de partida para el an\u00e1lisis, pero a\u00fan no tendr\u00e1s pruebas de qu\u00e9 elemento est\u00e1 causando el retraso.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A continuaci\u00f3n, introduce en el <strong style=\"font-weight:700;color:inherit\">Prueba de laboratorio<\/strong> Recrea condiciones lo m\u00e1s similares posible, por ejemplo, con una configuraci\u00f3n de dispositivo m\u00f3vil y una velocidad de red limitada. Analiza qu\u00e9 elemento aparece como LCP y cu\u00e1ndo se carga y se muestra. Una imagen grande del producto, una solicitud de imagen tard\u00eda o una ruta de renderizado bloqueada son posibles hip\u00f3tesis que debes comprobar mediante el diagn\u00f3stico. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Si hay indicios de que se est\u00e1n enviando im\u00e1genes, puedes comprobar el tama\u00f1o de los archivos, los formatos y la forma de entrega. Un <a href=\"https:\/\/webhosting.de\/es\/red-de-distribucion-de-contenidos-optimizacion-cdn-velocidad-del-sitio-web\/\">Red de distribuci\u00f3n de contenidos<\/a> Es una medida posible, pero no garantiza una mejora del LCP. Sin embargo, si la respuesta del documento apunta a un cuello de botella, resulta \u00fatil un <a href=\"https:\/\/webhosting.de\/es\/servidor-cpu-pruebas-de-rendimiento-php-alojamiento-web\/\">Prueba de rendimiento de servidores para cargas de trabajo de PHP<\/a>, analizar la aplicaci\u00f3n en condiciones definidas.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">En el caso de un filtro de productos con retraso, lo decisivo es la interacci\u00f3n, y no el proceso de carga. Reproduce el clic en el filtro y comprueba qu\u00e9 trabajo se realiza hasta que se produce la actualizaci\u00f3n visible. En los navegadores que lo admitan, se puede <strong style=\"font-weight:700;color:inherit\">Fotogramas de animaci\u00f3n largos<\/strong> Proporcionan indicios sobre las actualizaciones de renderizado prolongadas y los scripts implicados; no explican autom\u00e1ticamente todas las interacciones lentas. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Aplica un cambio espec\u00edfico y, a continuaci\u00f3n, vuelve a observar el mismo grupo de p\u00e1ginas en el entorno real. Un mejor resultado de laboratorio solo muestra, en un primer momento, el efecto en las condiciones de prueba seleccionadas. Solo la posterior evaluaci\u00f3n en el entorno real podr\u00e1 revelar si tambi\u00e9n han cambiado las experiencias registradas de los visitantes reales.<\/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\">Calidad de los datos y protecci\u00f3n de datos en la empresa<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Antes de la puesta en marcha, determina qu\u00e9 valores de medici\u00f3n son necesarios para tu problema y qui\u00e9n se encargar\u00e1 de procesarlos. La planificaci\u00f3n debe incluir una transmisi\u00f3n segura al destinatario, restricciones de acceso, un plazo de conservaci\u00f3n limitado y un procedimiento de supresi\u00f3n. Analiza las cuestiones relativas a la protecci\u00f3n de datos y al consentimiento para la implementaci\u00f3n concreta, as\u00ed como la normativa vigente, desde un punto de vista t\u00e9cnico, en lugar de dar por sentada una autorizaci\u00f3n general.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Con el <strong style=\"font-weight:700;color:inherit\">Minimizaci\u00f3n de datos<\/strong> Merece la pena prestar atenci\u00f3n a los campos de diagn\u00f3stico: las URL completas pueden contener informaci\u00f3n sensible en los par\u00e1metros de consulta; los selectores DOM tambi\u00e9n pueden revelar detalles sobre el contenido de las p\u00e1ginas o las entradas. Si es posible, registra un tipo de p\u00e1gina general y unos pocos atributos seleccionados de forma espec\u00edfica. Comprueba tambi\u00e9n qu\u00e9 datos recopila o almacena adicionalmente un servicio integrado.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Los valores medidos no siempre est\u00e1n disponibles de inmediato. La biblioteca web-vitals puede generar notificaciones varias veces a lo largo del ciclo de vida de la p\u00e1gina; por lo tanto, una notificaci\u00f3n posterior no debe considerarse autom\u00e1ticamente como una nueva visita independiente. Planifica c\u00f3mo se procesar\u00e1n los mensajes relacionados y c\u00f3mo se gestionar\u00e1n las recuperaciones desde la cach\u00e9 de \u00abAtr\u00e1s\u00bb y \u00abAdelante\u00bb. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">En el caso de paquetes de diagn\u00f3stico peque\u00f1os, la transmisi\u00f3n puede realizarse a trav\u00e9s de <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> durante el evento <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> ser adecuado. Esto mejora la posibilidad de enviar datos al ocultar una p\u00e1gina, pero no garantiza su entrega. Adem\u00e1s, el destinatario debe aceptar los datos de forma segura y procesarlos de tal manera que los mensajes repetidos no falseen el an\u00e1lisis sin que se detecte. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Por \u00faltimo, ten en cuenta la <strong style=\"font-weight:700;color:inherit\">Lagunas en el registro<\/strong>: Los scripts bloqueados, la falta de compatibilidad del navegador o las transmisiones perdidas pueden provocar que falten determinadas visitas. Eval\u00faa una tasa de p\u00e9rdida estimada junto con el tipo de registro. Los datos de medici\u00f3n restantes describen al grupo observado y no tienen por qu\u00e9 representar a todos los visitantes por igual.<\/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\">Analizar los cambios y elegir el procedimiento<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para realizar una comparaci\u00f3n tras una implementaci\u00f3n, debes definir previamente qu\u00e9 tipos de p\u00e1ginas, clases de dispositivos y periodos se van a tener en cuenta. Compara, para cada m\u00e9trica, el percentil 75 y el n\u00famero de valores v\u00e1lidos antes y despu\u00e9s del cambio. Los intervalos de tiempo de duraci\u00f3n similar ayudan a contextualizar; sin embargo, esto no garantiza autom\u00e1ticamente que se obtengan muestras suficientemente comparables. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Ten en cuenta que la composici\u00f3n del tr\u00e1fico puede haber cambiado. Si, tras una implementaci\u00f3n, hay m\u00e1s usuarios con conexiones m\u00f3viles lentas, el valor global puede empeorar, aunque el cambio en s\u00ed no sea m\u00e1s lento. El uso estacional u otros cambios simult\u00e1neos tambi\u00e9n dificultan la atribuci\u00f3n. Por lo tanto, una correlaci\u00f3n temporal es una hip\u00f3tesis, no un <strong style=\"font-weight:700;color:inherit\">Demostraci\u00f3n de la causalidad<\/strong>.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">CrUX y el RUM propio no tienen por qu\u00e9 ofrecer los mismos resultados: pueden abarcar diferentes grupos de usuarios, intervalos de tiempo y condiciones de registro. En el caso del CLS, hay que tener en cuenta adem\u00e1s que CrUX tambi\u00e9n tiene en cuenta la contribuci\u00f3n de los marcos incrustados a la experiencia de la p\u00e1gina principal. Una medici\u00f3n mediante JavaScript en el documento principal no siempre registra estas contribuciones en su totalidad. Por lo tanto, compara primero los fundamentos de la medici\u00f3n antes de considerar una discrepancia como un error. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">En el caso de una aplicaci\u00f3n de una sola p\u00e1gina, debes determinar si quieres analizar la navegaci\u00f3n por documentos o los cambios de ruta internos. Para el registro por separado de <strong style=\"font-weight:700;color:inherit\">Navegaci\u00f3n suave<\/strong> A partir de la versi\u00f3n 6, Web Vitals admite la opci\u00f3n, siempre que el navegador la admita, <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>. Debe configurarse en las respectivas funciones de devoluci\u00f3n de llamada de m\u00e9tricas. El ejemplo anterior de la consola, sin esta opci\u00f3n, no activa ninguna medici\u00f3n de ruta independiente.  <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Cuando la captura de navegaci\u00f3n suave est\u00e1 activada, los valores de CLS e INP se reinician para la nueva navegaci\u00f3n y se analizan por separado; los valores de la navegaci\u00f3n anterior se cierran al cambiar de ruta. No debes comparar sin comprobar estos valores, que se delimitan en un intervalo de tiempo diferente, con las mediciones de todo el documento. Sin la compatibilidad adecuada del navegador, esta opci\u00f3n no da lugar a una medici\u00f3n separada de la ruta. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A la hora de elegir un servicio RUM, adem\u00e1s de la compatibilidad con los navegadores, comprueba si se pueden analizar los grupos de p\u00e1ginas y las clases de dispositivos que necesitas. Inf\u00f3rmate sobre los m\u00e9todos de muestreo, el tratamiento de datos, la conservaci\u00f3n y las opciones de exportaci\u00f3n. Igualmente importante es conocer qu\u00e9 repercusiones puede tener el propio script de medici\u00f3n en la p\u00e1gina y si su recopilaci\u00f3n de datos puede limitarse a lo estrictamente necesario para tu an\u00e1lisis.<\/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\">Fuentes y estado actual de los conocimientos<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Estado de la investigaci\u00f3n: <time datetime=\"2026-11-13\">2026-11-13<\/time><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Fecha de la investigaci\u00f3n y de las fuentes: 13 de noviembre de 2026. El ejemplo de JavaScript se refiere a la versi\u00f3n 6.2.3 del paquete web-vitals publicada; hay que tener en cuenta la compatibilidad con los navegadores y la activaci\u00f3n independiente de la navegaci\u00f3n suave.<\/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>El Real User Monitoring muestra la velocidad a la que funciona un sitio web en visitas reales. Descubre c\u00f3mo analizar datos de campo, seleccionar m\u00e9todos de medici\u00f3n e investigar anomal\u00edas en el laboratorio.<\/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\/es\/wp-json\/wp\/v2\/posts\/22333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/comments?post=22333"}],"version-history":[{"count":3,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/posts\/22333\/revisions"}],"predecessor-version":[{"id":22339,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/posts\/22333\/revisions\/22339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/media\/22336"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/media?parent=22333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/categories?post=22333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/tags?post=22333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}