Kliknięcie przycisku
Podążaj za prostą akcją do serwera i z powrotem na ekran.
Etapy
- Przeglądarka
- DOM
- JS
- Stan
- HTTP
- DNS
- TLS
- CDN
- Brama
- Serwer
- Odpowiedź
- Renderowanie
Przykłady
Przykłady
Każdy przykład to prawdziwy scenariusz, który możesz uruchomić w FlowTrace. Uruchom symulację, aby zobaczyć żądanie wędrujące przez każdy etap w 3D.
Wysłanie formularza
Podążaj za żądaniem przez walidację, bramę, autoryzację, serwer, bazę danych i z powrotem do renderowania.
Etapy
- Przeglądarka
- DOM
- JS
- Stan
- HTTP
- DNS
- TLS
- CDN
- Brama
- Autoryzacja
- Serwer
- Baza danych
- Odpowiedź
- Renderowanie
Logowanie
Uwierzytelnij użytkownika i wyszukaj jego rekord w bazie danych.
Etapy
- Przeglądarka
- DOM
- JS
- HTTP
- DNS
- TLS
- Brama
- Autoryzacja
- Serwer
- Baza danych
- Odpowiedź
- Renderowanie
Polubienie wpisu
Optymistyczna aktualizacja, która korzysta z pamięci podręcznej i zapisuje do bazy danych.
Etapy
- Przeglądarka
- DOM
- JS
- Stan
- HTTP
- TLS
- CDN
- Brama
- Autoryzacja
- Serwer
- Pamięć podręczna
- Baza danych
- Odpowiedź
- Renderowanie
Zapytanie wyszukiwania
Odczyt, który sprawdza pamięć podręczną przed sięgnięciem do bazy danych.
Etapy
- Przeglądarka
- DOM
- JS
- HTTP
- DNS
- TLS
- CDN
- Brama
- Serwer
- Pamięć podręczna
- Baza danych
- Odpowiedź
- Renderowanie
Zapis rekordu
Zapis, który przekazuje część pracy do kolejki w tle.
Etapy
- Przeglądarka
- DOM
- JS
- Stan
- HTTP
- TLS
- Brama
- Autoryzacja
- Serwer
- Kolejka
- Baza danych
- Odpowiedź
- Renderowanie
Symulacja błędu
Żądanie, które kończy się niepowodzeniem na serwerze, abyś mógł zobaczyć, jak ujawniają się błędy.
Etapy
- Przeglądarka
- DOM
- JS
- HTTP
- TLS
- Brama
- Autoryzacja
- Serwer (błąd)
- Odpowiedź
- Renderowanie
Trafienie w pamięć podręczną
Odpowiedź obsłużona z węzła brzegowego i pamięci podręcznej bez sięgania do bazy danych.
Etapy
- Przeglądarka
- DOM
- JS
- HTTP
- TLS
- CDN
- Brama
- Pamięć podręczna
- Odpowiedź
- Renderowanie
Ciekawi Cię, co oznacza każdy etap? Zobacz, jak to działa