Aktualisieren

Das Aktualisieren (auch Neuladen oder Refresh) einer Webseite bedeutet, dass der Browser die aktuelle Seite erneut vom Web‑Server anfordert und alle Inhalte (HTML, CSS, JavaScript, Bilder, Daten‑Feeds) neu lädt. Dadurch werden Änderungen, neue Inhalte oder aktuelle Daten angezeigt, die seit dem ersten Laden der Seite entstanden sind.

Wie das funktioniert

Schritt	Vorgang
1. Benutzer‑Aktion	Klick auf den Refresh‑Button (🔄), Drücken von F5, Strg+R (Windows) bzw. ⌘+R (Mac) oder automatisches Refresh via JavaScript (`location.reload()`).
2. HTTP‑Request	Der Browser sendet einen neuen GET‑Request an die URL der aktuellen Seite.
3. Cache‑Prüfung	Der Browser prüft, ob Inhalte im lokalen Cache (Cache‑Control‑Header, ETag, Last‑Modified) noch gültig sind. Bei gültigem Cache kann er nur die geänderten Ressourcen anfordern (Conditional Request, `If-Modified-Since`).
4. Server‑Antwort	Der Server liefert die vollständige Seite oder nur geänderte Ressourcen zurück (200 OK oder 304 Not Modified).
5. Rendering	Der Browser rendert die empfangenen Daten neu und zeigt die aktualisierte Seite an.

Arten des Refreshs

Manueller Refresh – vom Nutzer gestartet (Tastenkombination, Button).
Automatischer Refresh – über Meta‑Tag <meta http‑equiv="refresh" content="30"> oder JavaScript setInterval(() => location.reload(), 30000);.
Ajax‑basiertes Refresh – nur Teilbereiche (z. B. News‑Ticker) werden per JavaScript nachgeladen, die vollständige Seite bleibt unverändert.

Best Practices

Cache‑Header korrekt setzen (Cache‑Control, ETag) → reduziert unnötigen Datenverkehr.
Nicht übermäßig oft auto‑refreshen, um Server‑Last und Nutzer‑Erlebnis zu schonen.
Progressive Enhancement: Seite sollte auch ohne Javascript korrekt reload‑fähig sein.
Barrierefreiheit: Bei automatischem Refresh Hinweis für Screen‑Reader (z. B. ARIA‑Live‑Region).

PHNETZ - Internetagentur

Marketing für Ihren Erfolg

Aktualisieren

Aktualisieren

Kontakt