computer:web
This is an old revision of the document!
Table of Contents
Modern Web
Pre*
| Doc | Type | Example | Comment |
|---|---|---|---|
| 1 | DNS Record | <link rel="dns-prefetch" href="//example.com"> | |
| 1 | TCP Connection | <link rel="preconnect" href="//example.com"> | |
| 1 | Resource | <link rel="prefetch" href="//example.com/resource.png"> | Nidrigere Prio als preload → Nur für Resourcen auf der “nächsten” Seite |
| 1 | Resource | <link rel="preload" href="//example.com/resource.png" as="image"> | Höhere Prio als prefetch → Auch für Resourcen auf der aktuellen Seite |
| 1 | Site | <link rel="prerender" href="//example.com/site/"> |
Cache
- public proxy (shared cache) vs private browser cache
- Neu Laden vs validieren
Cache-Control vom Server | Für | Funktion | Typ |
|---|---|---|---|
must-revalidate | Private / Public | Nicht abgelaufen → validieren / Abgelaufen →Nicht verwenden | Re{validate,loading} |
no-cache | Immer → validieren | Cachability | |
no-store | Gar nie nicht speichern | Other | |
no-transform | Gecachten content nicht verändern (z.B. Optimieren) | Other | |
public | Cachability | ||
private | Public | Cachability | |
proxy-revalidate | Public | Nicht abgelaufen → validieren / Abgelaufen →Nicht verwenden | Re{validate,loading} |
max-age=<seconds> | Private / Public | Relative Cache Zeit | Expiration |
s-maxage=<seconds> | Public | Relative Cache Zeit (vorrang vor Expires und s-maxage) | Expiration |
immutable | Nicht abgelaufen → verwenden (auch bei F5, aber nicht bei Shift+F5) / Abgelaufen →Nicht verwenden 1 | Re{validate,loading} |
- Schöner Entscheidungsbaum: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=de
computer/web.1549179815.txt.gz · Last modified: (external edit)
