← Wszystkie przykłady

Akcja Dla developerów

Zmierz czas ładowania strony

Akcja odczytuje Navigation Timing API i wypisuje w konsoli czasy DNS, TCP, TTFB oraz pełnego ładowania.

Kod do skopiowania

try {
  const nav = performance.getEntriesByType('navigation')[0];
  if (nav) {
    const round = function (n) { return Math.round(n) + ' ms'; };
    console.log('JustZix page timing:');
    console.log('  DNS:', round(nav.domainLookupEnd - nav.domainLookupStart));
    console.log('  TCP:', round(nav.connectEnd - nav.connectStart));
    console.log('  TTFB:', round(nav.responseStart - nav.requestStart));
    console.log('  DOM ready:', round(nav.domContentLoadedEventEnd - nav.startTime));
    console.log('  Load:', round(nav.loadEventEnd - nav.startTime));
  } else {
    console.log('JustZix: navigation timing not available');
  }
} catch (err) { console.error('JustZix page timing:', err); }

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Włącz panel akcji, dodaj przycisk w zakładce Akcje i wklej w nim kod — odpalisz go jednym kliknięciem.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania