Real User Monitoring (RUM)

RUM vs monitoring syntetyczny

• RUM: obserwowana próbka realnych wizyt; blokowanie skryptu, zgody i obsługa API wpływają na reprezentatywność.
• Syntetyk: powtarzalne warunki, testy przed wdrożeniem i na środowiskach stagingowych; nie odda różnorodności realnych użytkowników.
• Dojrzały monitoring łączy oba podejścia: syntetyk do regresji i alertów, RUM do priorytetów i oceny efektu.

Co warto zbierać

Wybierz metryki potrzebne do konkretnej diagnozy, raportuj p75/p95 wraz z liczbą próbek i okresem. Grupuj po zdefiniowanym szablonie strony zamiast pełnym URL-u, który może zawierać identyfikatory lub dane osobowe. Ustal zgodę, zakres danych, retencję i obsługę brakujących pomiarów przed wysyłką.

Przykład

Ilustracja lokalnej inspekcji kandydatów LCP, bez wysyłki. Każdy wpis może zastąpić poprzedniego kandydata; to nie finalny pomiar RUM. W produkcji użyj utrzymywanej biblioteki web-vitals, obsłuż zakończenie pomiaru, visibility, bfcache, wsparcie API i deduplikację według identyfikatora metryki.

if (globalThis.PerformanceObserver?.supportedEntryTypes
    .includes('largest-contentful-paint')) {
  const observer = new PerformanceObserver(list => {
    for (const entry of list.getEntries()) {
      console.log('Kandydat LCP, nie wynik końcowy', entry.startTime);
    }
  });
  observer.observe({ type: 'largest-contentful-paint', buffered: true });
}