This is an old revision of the document!

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/">`

Site	`<title>`	`<h1>`	`twitter:title`	`og:title`	`description`	`og:description`	`twitter:description`
Wikipedia	<Title> - Wikipedia	<Title>
eBay	<Title> \| eBay	(Unsichtbar: “Details zu ”) <Title>	<Title>	<Title> \| eBay	<Title> \| <Cat> \| eBay!	<Title> \| <Cat> \| eBay!	<Title> \| <Cat> \| eBay!
Stack Overflow	<Cat> - <Title> - Stack Overflow	<Title>	<Title>	<Title>	<Start of Q>…<End of Q>	<Start of Q>…<End of Q>
Amazon	<Title>: <Author>: <ID>: Amazon.com: <Cat>	<Title> - <Type> - <Date>

Dieser Abschnitt ist noch hochgradig Falsch!

`Cache-Control` vom Server	Für	Funktion	Typ
`must-revalidate`	Private / Public	Abgelaufen → validieren	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	Abgelaufen → validieren	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}