Knopf klicken
Folge einer einfachen Aktion hinaus zum Server und zurück zum Bildschirm.
Stufen
- Browser
- DOM
- JS
- Zustand
- HTTP
- DNS
- TLS
- CDN
- Gateway
- Server
- Antwort
- Rendering
Beispiele
Beispiele
Jedes Beispiel ist ein echtes Szenario, das du in FlowTrace ausführen kannst. Starte die Simulation, um die Anfrage in 3D durch jede Stufe reisen zu sehen.
Formular absenden
Folge der Anfrage durch Validierung, Gateway, Authentifizierung, Server, Datenbank und zurück zum Rendering.
Stufen
- Browser
- DOM
- JS
- Zustand
- HTTP
- DNS
- TLS
- CDN
- Gateway
- Authentifizierung
- Server
- Datenbank
- Antwort
- Rendering
Anmelden
Authentifiziere einen Benutzer und schlage seinen Datensatz in der Datenbank nach.
Stufen
- Browser
- DOM
- JS
- HTTP
- DNS
- TLS
- Gateway
- Authentifizierung
- Server
- Datenbank
- Antwort
- Rendering
Beitrag liken
Eine optimistische Aktualisierung, die den Cache berührt und in die Datenbank schreibt.
Stufen
- Browser
- DOM
- JS
- Zustand
- HTTP
- TLS
- CDN
- Gateway
- Authentifizierung
- Server
- Cache
- Datenbank
- Antwort
- Rendering
Suchanfrage
Ein Lesevorgang, der den Cache prüft, bevor er die Datenbank erreicht.
Stufen
- Browser
- DOM
- JS
- HTTP
- DNS
- TLS
- CDN
- Gateway
- Server
- Cache
- Datenbank
- Antwort
- Rendering
Datensatz speichern
Ein Schreibvorgang, der einen Teil der Arbeit an eine Hintergrund-Warteschlange übergibt.
Stufen
- Browser
- DOM
- JS
- Zustand
- HTTP
- TLS
- Gateway
- Authentifizierung
- Server
- Warteschlange
- Datenbank
- Antwort
- Rendering
Fehler simulieren
Eine Anfrage, die am Server fehlschlägt, damit du siehst, wie Fehler auftauchen.
Stufen
- Browser
- DOM
- JS
- HTTP
- TLS
- Gateway
- Authentifizierung
- Server (Fehler)
- Antwort
- Rendering
Cache-Treffer
Eine Antwort, die vom Edge und Cache bereitgestellt wird, ohne die Datenbank zu berühren.
Stufen
- Browser
- DOM
- JS
- HTTP
- TLS
- CDN
- Gateway
- Cache
- Antwort
- Rendering
Neugierig, was jede Stufe bedeutet? Sieh, wie es funktioniert