{"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":"monitorizacao-da-velocidade-do-site-por-utilizadores-reais","status":"publish","type":"post","link":"https:\/\/webhosting.de\/pt\/real-user-monitoring-website-geschwindigkeit\/","title":{"rendered":"Monitoriza\u00e7\u00e3o de utilizadores reais: compreender a velocidade dos sites em condi\u00e7\u00f5es reais e em laborat\u00f3rio"},"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\">Monitoriza\u00e7\u00e3o de Utilizadores Reais<\/strong> regista a velocidade do site em visitas reais e revela diferen\u00e7as entre dispositivos, p\u00e1ginas e situa\u00e7\u00f5es de utiliza\u00e7\u00e3o. Um \u00fanico teste de laborat\u00f3rio n\u00e3o consegue refletir esta diversidade, mas ajuda a analisar anomalias em condi\u00e7\u00f5es controladas. O que \u00e9 decisivo s\u00e3o segmentos compar\u00e1veis e a distribui\u00e7\u00e3o de valores de medi\u00e7\u00e3o v\u00e1lidos, em vez de uma mera m\u00e9dia. O PageSpeed Insights combina dados de campo dispon\u00edveis do CrUX com diagn\u00f3sticos de laborat\u00f3rio; para quest\u00f5es mais espec\u00edficas, pode ser considerada uma recolha RUM pr\u00f3pria. <\/p>\n<nav class=\"wh-toc\" aria-label=\"Conte\u00fado deste artigo\" 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 diretamente para a sec\u00e7\u00e3o<\/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\">Utilizadores reais e testes em laborat\u00f3rio<\/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\">\u00c9 assim que se obt\u00eam os valores medidos pelo 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\">Como interpretar corretamente os 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, RUM pr\u00f3prio e laborat\u00f3rio<\/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 com seguran\u00e7a a medi\u00e7\u00e3o pr\u00f3pria<\/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\">Analisar os valores medidos por segmento<\/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\">Do problema no terreno ao 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\">Qualidade dos dados e prote\u00e7\u00e3o de dados na 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\">Analisar as altera\u00e7\u00f5es e escolher o procedimento<\/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\">Utilizadores reais e testes em laborat\u00f3rio<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\"><strong style=\"font-weight:700;color:inherit\">Monitoriza\u00e7\u00e3o de Utilizadores Reais<\/strong> O (RUM) regista o funcionamento de um site durante visitas reais. Uma visita efetuada num smartphone mais antigo atrav\u00e9s de rede m\u00f3vel pode diferir significativamente de uma visita num computador com uma liga\u00e7\u00e3o r\u00e1pida. As p\u00e1ginas visitadas e as intera\u00e7\u00f5es tamb\u00e9m s\u00e3o tidas em conta na an\u00e1lise.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A <strong style=\"font-weight:700;color:inherit\">Teste de laborat\u00f3rio<\/strong> Por outro lado, analisa uma chamada definida em condi\u00e7\u00f5es controladas. O tipo de dispositivo, as condi\u00e7\u00f5es de rede e o procedimento de teste podem ser definidos para uma an\u00e1lise. Isto facilita a reprodu\u00e7\u00e3o de uma anomalia e a verifica\u00e7\u00e3o de poss\u00edveis altera\u00e7\u00f5es em condi\u00e7\u00f5es compar\u00e1veis. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Estas duas perspetivas respondem a quest\u00f5es diferentes: os dados de campo podem revelar que as p\u00e1ginas de produtos em dispositivos m\u00f3veis costumam carregar lentamente. No entanto, n\u00e3o comprovam se, por exemplo, a imagem do produto, o percurso de renderiza\u00e7\u00e3o ou uma resposta lenta do documento s\u00e3o os respons\u00e1veis por isso. Para identificar a causa, s\u00e3o necess\u00e1rios diagn\u00f3sticos adicionais e hip\u00f3teses verific\u00e1veis.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">O PageSpeed Insights combina ambas as perspetivas: compara os dados de campo dispon\u00edveis com os resultados dos diagn\u00f3sticos do Chrome User Experience Report Lab, com base no Lighthouse. Os resultados podem n\u00e3o coincidir, uma vez que as visitas reais envolvem condi\u00e7\u00f5es e fluxos de utiliza\u00e7\u00e3o diferentes, enquanto o laborat\u00f3rio analisa um caso de teste definido. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Por isso, o RUM n\u00e3o substitui o Labor. Por outro lado, um \u00fanico teste de laborat\u00f3rio n\u00e3o consegue revelar com que frequ\u00eancia um problema ocorre junto dos visitantes reais. Al\u00e9m disso, antes de uma publica\u00e7\u00e3o ou no caso de um site com poucas visitas, podem faltar dados de campo suficientes; sem visitas reais, n\u00e3o se obt\u00eam, de todo, valores de medi\u00e7\u00e3o pr\u00f3prios do 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\">\u00c9 assim que se obt\u00eam os valores medidos pelo RUM<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Uma medi\u00e7\u00e3o pr\u00f3pria requer tr\u00eas componentes: um registo no navegador, um recetor para os valores transmitidos e uma an\u00e1lise. Em primeiro lugar, deve definir quais as p\u00e1ginas e os grupos de visitantes que pretende analisar e como os dados ser\u00e3o protegidos. S\u00f3 a partir de valores individuais agrupados de forma sensata \u00e9 que se cria uma base para a tomada de decis\u00f5es.<\/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=\"Ilustra\u00e7\u00e3o gerada por IA de eventos do navegador, bem como a sua rece\u00e7\u00e3o e an\u00e1lise\" 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\">Ilustra\u00e7\u00e3o gerada por IA dos tr\u00eas elementos fundamentais de um registo RUM pr\u00f3prio.<\/figcaption><\/figure><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para tal, os navegadores disponibilizam v\u00e1rias interfaces de desempenho. <strong style=\"font-weight:700;color:inherit\">Tempo de navega\u00e7\u00e3o<\/strong> descreve os momentos relacionados com a navega\u00e7\u00e3o at\u00e9 ao documento, como, por exemplo, a resposta ao pedido do documento. O Resource Timing fornece informa\u00e7\u00f5es temporais sobre recursos individuais carregados, como imagens ou scripts. Desta forma, \u00e9 poss\u00edvel identificar com maior precis\u00e3o as diferentes fases de um processo de carregamento. <\/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> monitoriza os registos de desempenho suportados assim que estes ficam dispon\u00edveis. No que diz respeito aos Core Web Vitals, a biblioteca pode <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> encarregar do c\u00e1lculo e da comunica\u00e7\u00e3o. As entradas e os indicadores dispon\u00edveis dependem, entre outros fatores, do navegador; por isso, um script de medi\u00e7\u00e3o n\u00e3o regista automaticamente todas as visitas na \u00edntegra.  <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Nem todos os valores s\u00e3o gerados diretamente durante o carregamento. No caso do INP, por exemplo, \u00e9 necess\u00e1rio que ocorra uma intera\u00e7\u00e3o adequada: quem apenas l\u00ea uma p\u00e1gina e a abandona pode n\u00e3o gerar qualquer valor. Um valor de medi\u00e7\u00e3o em falta n\u00e3o \u00e9, portanto, nem zero nem uma prova de uma resposta r\u00e1pida. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Um servi\u00e7o RUM pode disponibilizar a recolha, a rece\u00e7\u00e3o e a an\u00e1lise num \u00fanico pacote. No caso de um desenvolvimento pr\u00f3prio, ter\u00e1s de organizar adicionalmente a opera\u00e7\u00e3o, o armazenamento e a garantia de qualidade. Isso inclui tamb\u00e9m tratar corretamente as notifica\u00e7\u00f5es repetidas ao longo do ciclo de vida da p\u00e1gina, em vez de contar cada notifica\u00e7\u00e3o como uma visita independente, sem a verificar. <\/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\">Como interpretar corretamente os Core Web Vitals<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">O <strong style=\"font-weight:700;color:inherit\">Principais dados vitais da Web<\/strong> descrevem tr\u00eas aspetos diferentes da experi\u00eancia do utilizador. O Largest Contentful Paint (LCP) mede o momento em que o maior elemento de conte\u00fado relevante fica vis\u00edvel. Numa p\u00e1gina de produto, isso pode ser, por exemplo, uma imagem grande do produto: se esta aparecer tarde, a p\u00e1gina pode dar a impress\u00e3o de ainda n\u00e3o estar totalmente carregada, apesar de a navega\u00e7\u00e3o j\u00e1 estar vis\u00edvel. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">O Interaction to Next Paint (INP) analisa o atraso entre as intera\u00e7\u00f5es e a pr\u00f3xima atualiza\u00e7\u00e3o vis\u00edvel. Se um filtro de produto s\u00f3 reagir de forma percet\u00edvel ap\u00f3s um clique, o INP pode indicar este problema. Por outro lado, o Cumulative Layout Shift (CLS) descreve deslocamentos inesperados de conte\u00fados vis\u00edveis, por exemplo, quando um elemento exibido posteriormente desloca um bot\u00e3o. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para a avalia\u00e7\u00e3o no PageSpeed Insights, considera-se bom um LCP at\u00e9 2,5 segundos, inclusive, um INP at\u00e9 200 milissegundos, inclusive, e um CLS at\u00e9 0,1, inclusive. O CLS \u00e9 um valor sem unidades. Os limiares aplicam-se ao respetivo indicador e n\u00e3o devem ser confundidos com a dura\u00e7\u00e3o de uma \u00fanica visita \u00e0 p\u00e1gina. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">O fator decisivo para a avalia\u00e7\u00e3o do campo \u00e9 o <strong style=\"font-weight:700;color:inherit\">Percentil 75<\/strong> (p. 75): Pelo menos cerca de 75 por cento das experi\u00eancias consideradas n\u00e3o excedem o valor em quest\u00e3o. Por outro lado, uma boa m\u00e9dia, por si s\u00f3, pode ocultar o facto de uma parte consider\u00e1vel das visitas ser lenta. Analise os dispositivos m\u00f3veis e os computadores de secret\u00e1ria separadamente, para que as diferen\u00e7as entre os grupos de dispositivos continuem vis\u00edveis. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">O \u00abTime to First Byte\u00bb (TTFB) complementa estes indicadores na an\u00e1lise de uma resposta lenta a um documento. No entanto, este valor n\u00e3o corresponde apenas ao tempo de processamento do servidor: a rede e outras etapas at\u00e9 \u00e0 chegada do primeiro byte de resposta tamb\u00e9m influenciam o resultado. O \u00abNavigation Timing\u00bb e, se dispon\u00edveis, os dados de \u00abServer Timing\u00bb ajudam a analisar com maior precis\u00e3o as etapas envolvidas. <\/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, RUM pr\u00f3prio e laborat\u00f3rio<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para come\u00e7ar, n\u00e3o \u00e9 necess\u00e1rio que operes logo o teu pr\u00f3prio sistema de medi\u00e7\u00e3o. O PageSpeed Insights combina dados de campo provenientes do <strong style=\"font-weight:700;color:inherit\">Relat\u00f3rio sobre a Experi\u00eancia do Utilizador do Chrome<\/strong> (CrUX) com um diagn\u00f3stico de laborat\u00f3rio do Lighthouse. As duas perspetivas respondem a quest\u00f5es diferentes: uma descreve as experi\u00eancias registadas, enquanto a outra analisa uma p\u00e1gina em condi\u00e7\u00f5es controladas. <\/p>\n<div class=\"wh-table-scroll\" tabindex=\"0\" role=\"region\" aria-label=\"Compara\u00e7\u00e3o de m\u00e9todos de medi\u00e7\u00e3o da velocidade de um site\" 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\">Compara\u00e7\u00e3o de m\u00e9todos de medi\u00e7\u00e3o da velocidade de um site<\/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\">Procedimento<\/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\">Origem e fiabilidade dos dados<\/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\">Fronteira<\/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\">Utiliza\u00e7\u00e3o t\u00edpica<\/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 com o 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\">Dados de campo de utilizadores autorizados do Chrome; in\u00edcio r\u00e1pido sem necessidade de um script de medi\u00e7\u00e3o pr\u00f3prio<\/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\">N\u00e3o se trata de um inqu\u00e9rito exaustivo; n\u00e3o existem dados suficientes para todas as URLs<\/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\">Verificar as experi\u00eancias reais de um URL ou de uma origem<\/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\">O nosso pr\u00f3prio 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\">Medi\u00e7\u00f5es do navegador com base em dados recolhidos e analisados internamente; \u00e9 poss\u00edvel segmentar de forma espec\u00edfica<\/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\">\u00c9 necess\u00e1rio planear a recolha, o funcionamento e a prote\u00e7\u00e3o de dados<\/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\">Analisar grupos de p\u00e1ginas pr\u00f3prios ou 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\">Servi\u00e7o 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\">Medi\u00e7\u00f5es do navegador com recolha e an\u00e1lise fornecidas<\/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\">A cobertura, o desempenho e as funcionalidades dependem do servi\u00e7o<\/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\">Medi\u00e7\u00e3o no terreno com componentes operacionais deslocados<\/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\">Teste de laborat\u00f3rio<\/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\">Acesso controlado \u00e0s p\u00e1ginas com ferramentas 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\">N\u00e3o reflete automaticamente a diversidade das visitas reais<\/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\">Reproduzir problemas e analisar altera\u00e7\u00f5es<\/td><\/tr><\/tbody><\/table><\/div><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Os dados de campo do CrUX no PageSpeed Insights referem-se a um per\u00edodo retroativo de 28 dias. Se os dados relativos a um URL espec\u00edfico forem insuficientes, o relat\u00f3rio pode apresentar, em vez disso, dados da origem. Estes incluem a origem do site em quest\u00e3o e n\u00e3o devem ser equiparados \u00e0 experi\u00eancia exata na p\u00e1gina introduzida. Por isso, preste aten\u00e7\u00e3o ao n\u00edvel que o relat\u00f3rio efetivamente apresenta. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">O CrUX tem em conta apenas os utilizadores do Chrome que cumprem os respetivos requisitos; outros navegadores e utilizadores n\u00e3o eleg\u00edveis n\u00e3o s\u00e3o inclu\u00eddos. Num site pequeno ou n\u00e3o p\u00fablico, os dados do CrUX podem n\u00e3o estar dispon\u00edveis. No entanto, uma recolha pr\u00f3pria, adequada do ponto de vista jur\u00eddico e t\u00e9cnico, pode proporcionar informa\u00e7\u00f5es \u00fateis nesses casos, embora, com poucas visitas, os resultados sejam estatisticamente limitados. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A monitoriza\u00e7\u00e3o sint\u00e9tica repete testes previamente definidos, mesmo quando ningu\u00e9m est\u00e1 a visitar o site. \u00c9 adequada para observar regularmente um fluxo de trabalho em condi\u00e7\u00f5es semelhantes. Para saber se os utilizadores t\u00eam a mesma experi\u00eancia com outros dispositivos ou redes, \u00e9 necess\u00e1rio realizar uma medi\u00e7\u00e3o no terreno; um \u00fanico fluxo sint\u00e9tico n\u00e3o substitui essa perspetiva.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para a escolha, o que importa, portanto, \u00e9 a quest\u00e3o a que pretendes responder: um relat\u00f3rio p\u00fablico est\u00e1 rapidamente dispon\u00edvel, enquanto um sistema pr\u00f3prio permite um registo mais espec\u00edfico. Um servi\u00e7o pode aliviar a carga de trabalho operacional, ao passo que os ensaios laboratoriais e sint\u00e9ticos permitem an\u00e1lises controladas. No entanto, mesmo um servi\u00e7o requer uma sele\u00e7\u00e3o consciente de dados e grupos de an\u00e1lise.<\/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 com seguran\u00e7a a medi\u00e7\u00e3o pr\u00f3pria<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Comece por definir uma quest\u00e3o concreta, por exemplo, se as p\u00e1ginas de produtos para dispositivos m\u00f3veis apresentam, com maior frequ\u00eancia, um LCP elevado do que outros tipos de p\u00e1ginas. Em seguida, determine quais as p\u00e1ginas e classes de dispositivos que pretende distinguir, quais as m\u00e9tricas necess\u00e1rias para o efeito e durante quanto tempo pretende recolher dados. S\u00f3 depois \u00e9 que deve decidir sobre o script de medi\u00e7\u00e3o, o destinat\u00e1rio e a an\u00e1lise.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Como primeiro passo t\u00e9cnico, podes utilizar a 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> Incorporar localmente num projeto de navegador e visualizar o resultado nas ferramentas de desenvolvimento. O c\u00f3digo JavaScript seguinte utiliza a vers\u00e3o 6.2.3 do pacote publicada. Pressup\u00f5e que esta vers\u00e3o esteja instalada no projeto e que a compila\u00e7\u00e3o processe as importa\u00e7\u00f5es de m\u00f3dulos. O exemplo n\u00e3o envia dados para um servidor nem ativa uma medi\u00e7\u00e3o separada das navega\u00e7\u00f5es virtuais.  <\/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 destacado \u2013 por favor, copie<\/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\">A sa\u00edda da consola \u00e9 uma forma de verificar a integra\u00e7\u00e3o, n\u00e3o uma prova da velocidade dos teus visitantes. Abre a p\u00e1gina do projeto e interage, por exemplo, com um filtro. Um valor de INP pressup\u00f5e uma intera\u00e7\u00e3o adequada e pode n\u00e3o aparecer imediatamente; sem uma intera\u00e7\u00e3o adequada, pode nem sequer aparecer. A compatibilidade do navegador e o ciclo de vida da p\u00e1gina tamb\u00e9m influenciam a sa\u00edda. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Planeia, para uma an\u00e1lise posterior, o <strong style=\"font-weight:700;color:inherit\">Ciclo de vida da p\u00e1gina<\/strong> Nota: podem ocorrer m\u00faltiplas notifica\u00e7\u00f5es, por exemplo, quando uma p\u00e1gina \u00e9 ocultada e posteriormente voltada a ser apresentada. N\u00e3o considere estas notifica\u00e7\u00f5es, de forma generalizada, como visitas independentes. A biblioteca disponibiliza IDs de m\u00e9tricas que permitem atribuir as notifica\u00e7\u00f5es \u00e0 mesma m\u00e9trica. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A recupera\u00e7\u00e3o a partir da cache \u00abBack\/Forward\u00bb tamb\u00e9m requer um tratamento espec\u00edfico. Pode desencadear uma nova notifica\u00e7\u00e3o de m\u00e9trica, apesar de o documento ser recuperado da cache. Defina como ir\u00e1 distinguir essas recupera\u00e7\u00f5es das navega\u00e7\u00f5es habituais no seu relat\u00f3rio e consulte as orienta\u00e7\u00f5es espec\u00edficas da biblioteca antes de configurar um registo em ambiente de produ\u00e7\u00e3o. <\/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\">Analisar os valores medidos por segmento<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Um valor global para a loja pode ocultar o facto de que, precisamente, as p\u00e1ginas de produtos para dispositivos m\u00f3veis s\u00e3o mais lentas. Por isso, divide os dados de medi\u00e7\u00e3o, pelo menos, por tipo de p\u00e1gina e classe de dispositivo e analisa cada m\u00e9trica num per\u00edodo de tempo definido. Desta forma, podes, por exemplo, comparar p\u00e1ginas de produtos para dispositivos m\u00f3veis com p\u00e1ginas de categorias para dispositivos m\u00f3veis, em vez de misturar inadvertidamente diferentes situa\u00e7\u00f5es de utiliza\u00e7\u00e3o.<\/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=\"Ilustra\u00e7\u00e3o gerada por IA de dois grupos de pontos dispersos, simbolizando diferentes segmentos de an\u00e1lise\" 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\">Ilustra\u00e7\u00e3o gerada por IA que mostra por que raz\u00e3o segmentos separados podem revelar distribui\u00e7\u00f5es diferentes.<\/figcaption><\/figure><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para cada segmento, isso \u00e9 <strong style=\"font-weight:700;color:inherit\">Percentil 75<\/strong> mais significativo do que uma simples m\u00e9dia: indica o valor que, pelo menos, cerca de 75 por cento das experi\u00eancias consideradas n\u00e3o ultrapassam. Por outro lado, uma m\u00e9dia baixa pode ocultar o facto de um grupo relevante estar a esperar h\u00e1 muito tempo. Compare o p75 apenas para a mesma m\u00e9trica e com a unidade adequada. <\/p>\n<div class=\"wh-table-scroll\" tabindex=\"0\" role=\"region\" aria-label=\"Modelo para uma an\u00e1lise compreens\u00edvel sem valores de medi\u00e7\u00e3o de exemplo\" 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\">Modelo para uma an\u00e1lise compreens\u00edvel sem valores de medi\u00e7\u00e3o de exemplo<\/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\">Classe de aparelhos<\/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\">Per\u00edodo<\/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 e 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\">Poss\u00edvel distor\u00e7\u00e3o<\/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 do produto<\/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\">Telem\u00f3vel<\/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\">Intervalo de tempo definido<\/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 e p75 em 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\">Registar a quantidade<\/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\">Verificar a composi\u00e7\u00e3o dos visitantes registados e as medi\u00e7\u00f5es em falta<\/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 do produto<\/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\">Ambiente de trabalho<\/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\">O mesmo intervalo de tempo<\/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 e p75 em 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\">Registar a quantidade<\/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\">Outros dispositivos e situa\u00e7\u00f5es de utiliza\u00e7\u00e3o<\/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 da categoria<\/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\">Telem\u00f3vel<\/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\">O mesmo intervalo de tempo<\/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 e p75 em milissegundos<\/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\">Registar a quantidade<\/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\">O INP n\u00e3o est\u00e1 presente sem uma intera\u00e7\u00e3o adequada<\/td><\/tr><\/tbody><\/table><\/div><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">O n\u00famero de valores v\u00e1lidos faz parte integrante do resultado. Se um segmento for composto apenas por poucas medi\u00e7\u00f5es, os resultados individuais podem influenciar significativamente o percentil; uma varia\u00e7\u00e3o n\u00e3o tem, necessariamente, de indicar um problema geral. Se necess\u00e1rio, opta por um per\u00edodo de tempo mais longo ou agrupa p\u00e1ginas com temas semelhantes, sem comprometer a comparabilidade.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">A aus\u00eancia de um INP n\u00e3o equivale a um INP r\u00e1pido e n\u00e3o deve ser considerada como zero na distribui\u00e7\u00e3o. Em vez disso, indique separadamente o n\u00famero de valores de INP v\u00e1lidos. Se muitas visitas n\u00e3o fornecerem uma intera\u00e7\u00e3o adequada, a an\u00e1lise do INP descreve apenas as experi\u00eancias de intera\u00e7\u00e3o registadas e n\u00e3o, automaticamente, todas as visitas \u00e0 p\u00e1gina. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Agrupa adequadamente as mensagens repetidas com base no ID da m\u00e9trica, em vez de tratar cada resposta como uma nova observa\u00e7\u00e3o independente. Al\u00e9m disso, documente como s\u00e3o contabilizadas as recupera\u00e7\u00f5es a partir da cache \u00abback\/forward\u00bb. Desta forma, fica claro quais as observa\u00e7\u00f5es que est\u00e3o efetivamente inclu\u00eddas no p75 e no 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\">Do problema no terreno ao diagn\u00f3stico<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Se os dados de campo indicarem que as p\u00e1ginas de produtos apresentam lentid\u00e3o nos dispositivos m\u00f3veis, delimita, em primeiro lugar, o segmento afetado: o LCP deficiente afeta muitos produtos ou apenas um tipo de p\u00e1gina? Verifica, ao mesmo tempo, o per\u00edodo e o n\u00famero de valores v\u00e1lidos. Desta forma, obt\u00e9ns um ponto de partida para a an\u00e1lise, mas ainda n\u00e3o tens provas de qual o elemento que est\u00e1 a causar o atraso.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Em seguida, insira no <strong style=\"font-weight:700;color:inherit\">Teste de laborat\u00f3rio<\/strong> Recrie condi\u00e7\u00f5es o mais semelhantes poss\u00edvel, por exemplo, com uma configura\u00e7\u00e3o de dispositivo m\u00f3vel e velocidade de rede limitada. Analisa qual o elemento que surge como LCP e quando \u00e9 carregado e apresentado. Uma imagem grande do produto, um pedido de imagem tardio ou um percurso de renderiza\u00e7\u00e3o bloqueado s\u00e3o hip\u00f3teses poss\u00edveis que deve verificar com base no diagn\u00f3stico. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Se houver ind\u00edcios de que est\u00e3o a ser enviadas imagens, podes analisar o tamanho dos ficheiros, os formatos e a forma de disponibiliza\u00e7\u00e3o. Um <a href=\"https:\/\/webhosting.de\/pt\/otimizacao-da-rede-de-distribuicao-de-conteudos-cdn-velocidade-do-sitio-web\/\">Rede de distribui\u00e7\u00e3o de conte\u00fados<\/a> \u00e9 uma medida poss\u00edvel, mas n\u00e3o constitui garantia de um melhor LCP. Se, pelo contr\u00e1rio, a resposta do documento indicar um gargalo, uma medida complementar ajuda a <a href=\"https:\/\/webhosting.de\/pt\/servidor-cpu-benchmark-php-alojamento-web\/\">Teste de desempenho de servidores para cargas de trabalho em PHP<\/a>, analisar a aplica\u00e7\u00e3o em condi\u00e7\u00f5es definidas.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">No caso de um filtro de produto com atraso, a intera\u00e7\u00e3o \u00e9 determinante, em vez do processo de carregamento. Reproduz o clique no filtro e verifica o trabalho necess\u00e1rio at\u00e9 \u00e0 atualiza\u00e7\u00e3o vis\u00edvel. Nos navegadores que suportam essa funcionalidade, \u00e9 poss\u00edvel <strong style=\"font-weight:700;color:inherit\">Fotogramas de anima\u00e7\u00e3o longos<\/strong> Fornecem indica\u00e7\u00f5es sobre atualiza\u00e7\u00f5es de renderiza\u00e7\u00e3o demoradas e os scripts envolvidos; n\u00e3o explicam automaticamente todas as intera\u00e7\u00f5es lentas. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Aplique uma altera\u00e7\u00e3o espec\u00edfica e, em seguida, observe novamente o mesmo grupo de p\u00e1ginas no ambiente real. Um resultado melhor em laborat\u00f3rio reflete, numa primeira fase, apenas o efeito nas condi\u00e7\u00f5es de teste selecionadas. S\u00f3 a avalia\u00e7\u00e3o posterior no ambiente real poder\u00e1 revelar se as experi\u00eancias registadas dos visitantes reais tamb\u00e9m se alteraram.<\/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\">Qualidade dos dados e prote\u00e7\u00e3o de dados na empresa<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Antes da implementa\u00e7\u00e3o em produ\u00e7\u00e3o, define quais os valores de medi\u00e7\u00e3o necess\u00e1rios para a tua an\u00e1lise e quem os ir\u00e1 processar. O planeamento deve incluir uma transmiss\u00e3o segura para o destinat\u00e1rio, restri\u00e7\u00f5es de acesso, um per\u00edodo de conserva\u00e7\u00e3o limitado e um procedimento de elimina\u00e7\u00e3o. Analisa as quest\u00f5es relativas \u00e0 prote\u00e7\u00e3o de dados e ao consentimento para a implementa\u00e7\u00e3o concreta e as regras aplic\u00e1veis de forma espec\u00edfica, em vez de assumir uma autoriza\u00e7\u00e3o gen\u00e9rica.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Com o <strong style=\"font-weight:700;color:inherit\">Minimiza\u00e7\u00e3o de dados<\/strong> Vale a pena dar uma olhadela aos campos de diagn\u00f3stico: as URLs completas podem conter informa\u00e7\u00f5es sens\u00edveis nos par\u00e2metros de consulta; os seletores DOM tamb\u00e9m podem revelar detalhes sobre o conte\u00fado das p\u00e1ginas ou os dados introduzidos. Sempre que poss\u00edvel, registe um tipo geral de p\u00e1gina e alguns atributos selecionados de forma espec\u00edfica. Verifique tamb\u00e9m quais os dados que um servi\u00e7o integrado recolhe ou armazena adicionalmente.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Os valores medidos nem sempre est\u00e3o dispon\u00edveis de imediato. A biblioteca web-vitals pode emitir respostas v\u00e1rias vezes ao longo do ciclo de vida da p\u00e1gina; por isso, uma notifica\u00e7\u00e3o posterior n\u00e3o deve ser considerada automaticamente como uma nova visita independente. Planeie como as notifica\u00e7\u00f5es relacionadas ser\u00e3o processadas e como ser\u00e3o tratadas as recupera\u00e7\u00f5es a partir da cache \u00abBack\/Forward\u00bb. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">No caso de pequenos pacotes de diagn\u00f3stico, a transmiss\u00e3o pode ser efetuada atrav\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> no 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 adequado. Isso melhora a possibilidade de enviar dados ao ocultar uma p\u00e1gina, mas n\u00e3o garante a entrega. Al\u00e9m disso, o destinat\u00e1rio tem de aceitar os dados de forma segura e process\u00e1-los de modo a que as mensagens repetidas n\u00e3o distor\u00e7am a an\u00e1lise sem que se perceba. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Por fim, tem em conta a <strong style=\"font-weight:700;color:inherit\">Lacunas no registo<\/strong>: Scripts bloqueados, falta de compatibilidade do navegador ou transmiss\u00f5es perdidas podem fazer com que determinadas visitas n\u00e3o sejam registadas. Avalie uma taxa de perda estimada, juntamente com o tipo de recolha de dados. Os valores medidos restantes descrevem o grupo observado e podem n\u00e3o representar todos os visitantes de forma 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\">Analisar as altera\u00e7\u00f5es e escolher o procedimento<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Para efetuar uma compara\u00e7\u00e3o ap\u00f3s uma implementa\u00e7\u00e3o, define previamente quais os tipos de p\u00e1ginas, classes de dispositivos e per\u00edodos a considerar. Compara, para cada m\u00e9trica, o percentil 75 e o n\u00famero de valores v\u00e1lidos antes e depois da altera\u00e7\u00e3o. Intervalos de tempo de dura\u00e7\u00e3o semelhante ajudam na contextualiza\u00e7\u00e3o; no entanto, isso n\u00e3o garante automaticamente a obten\u00e7\u00e3o de amostras suficientemente compar\u00e1veis. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Esteja atento a uma altera\u00e7\u00e3o na composi\u00e7\u00e3o do tr\u00e1fego de visitantes. Se, ap\u00f3s uma implementa\u00e7\u00e3o, houver mais utilizadores com liga\u00e7\u00f5es m\u00f3veis lentas, o valor global pode piorar, embora a altera\u00e7\u00e3o em si n\u00e3o seja mais lenta. A utiliza\u00e7\u00e3o sazonal ou outras altera\u00e7\u00f5es simult\u00e2neas tamb\u00e9m dificultam a atribui\u00e7\u00e3o. Uma correla\u00e7\u00e3o temporal \u00e9, portanto, uma hip\u00f3tese, n\u00e3o um <strong style=\"font-weight:700;color:inherit\">Prova de causalidade<\/strong>.<\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">O CrUX e o RUM pr\u00f3prio n\u00e3o t\u00eam de apresentar os mesmos resultados: podem abranger grupos de utilizadores, intervalos de tempo e condi\u00e7\u00f5es de recolha diferentes. No caso do CLS, acrescenta-se o facto de o CrUX tamb\u00e9m ter em conta as contribui\u00e7\u00f5es de frames incorporados para a experi\u00eancia da p\u00e1gina principal. Uma medi\u00e7\u00e3o em JavaScript no documento principal nem sempre regista estas contribui\u00e7\u00f5es na \u00edntegra. Por isso, compara primeiro as bases de medi\u00e7\u00e3o antes de considerares um desvio como um erro. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">No caso de uma aplica\u00e7\u00e3o de p\u00e1gina \u00fanica, deve definir se pretende analisar a navega\u00e7\u00e3o entre documentos ou as mudan\u00e7as de rota internas. Para o registo separado de <strong style=\"font-weight:700;color:inherit\">Navega\u00e7\u00e3o suave<\/strong> A partir da vers\u00e3o 6, o Web Vitals suporta a op\u00e7\u00e3o, desde que o navegador a suporte, <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>. Deve ser definida nos respetivos callbacks de m\u00e9tricas. O exemplo anterior da consola, sem esta op\u00e7\u00e3o, n\u00e3o ativa uma medi\u00e7\u00e3o de percurso separada.  <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Quando a recolha de dados da navega\u00e7\u00e3o soft est\u00e1 ativada, o CLS e o INP s\u00e3o reiniciados para a nova navega\u00e7\u00e3o e considerados separadamente; os valores da navega\u00e7\u00e3o anterior s\u00e3o conclu\u00eddos aquando da mudan\u00e7a de percurso. N\u00e3o se deve comparar esses valores, cujos per\u00edodos de tempo s\u00e3o diferentes, com medi\u00e7\u00f5es relativas a todo o documento sem os verificar previamente. Sem o suporte adequado do navegador, esta op\u00e7\u00e3o n\u00e3o resulta numa medi\u00e7\u00e3o separada da rota. <\/p>\n<p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Ao escolher um servi\u00e7o RUM, al\u00e9m da cobertura de navegadores, verifica se os grupos de p\u00e1ginas e as classes de dispositivos necess\u00e1rios podem ser analisados. Informa-te sobre os m\u00e9todos de amostragem, o tratamento de dados, a conserva\u00e7\u00e3o e as possibilidades de exporta\u00e7\u00e3o. Igualmente importante \u00e9 saber que impacto o pr\u00f3prio script de medi\u00e7\u00e3o pode ter na p\u00e1gina e se a sua recolha de dados pode ser limitada ao necess\u00e1rio para a tua an\u00e1lise.<\/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\">Fontes e estado atual dos conhecimentos<\/h2><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Estado da pesquisa: <time datetime=\"2026-11-13\">2026-11-13<\/time><\/p><p style=\"margin:0 0 1.1em;font-size:inherit;line-height:inherit\">Data da pesquisa e das fontes: 13 de novembro de 2026. O exemplo em JavaScript refere-se \u00e0 vers\u00e3o 6.2.3 do pacote web-vitals publicada; \u00e9 necess\u00e1rio ter em conta a compatibilidade com os navegadores e a ativa\u00e7\u00e3o separada da navega\u00e7\u00e3o 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>O Real User Monitoring mostra a rapidez com que um site funciona em visitas reais. Descubra como analisar dados de campo, selecionar m\u00e9todos de medi\u00e7\u00e3o e investigar anomalias em ambiente de laborat\u00f3rio.<\/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\/pt\/wp-json\/wp\/v2\/posts\/22333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/comments?post=22333"}],"version-history":[{"count":3,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/posts\/22333\/revisions"}],"predecessor-version":[{"id":22339,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/posts\/22333\/revisions\/22339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/media\/22336"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/media?parent=22333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/categories?post=22333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/tags?post=22333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}