Preload/-fetch/-connect/-render

Übersicht über Methoden, mit denen Resourcen wie TCP Verbindungen oder fertig renderte Webseiten bereitgestellt werden können, noch bevor sie tatsächlich benötigt werden.

Doc Type Example Comment
[1][2] DNS Record <link rel="dns-prefetch" href="//host" />
[1][3] TCP Connection <link rel="preconnect" href="//host" />
[1][4] Resource <link rel="prefetch" href="//host/res.png" /> Nidrigere Prio als preload
Nur für Resourcen auf der “nächsten” Seite
Mind. Firefox: Synonym zu rel=“next”[5][4]
[6] Resource <link rel="preload" href="//host/res.png" as="image" /> Höhere Prio als prefetch
Auch für Resourcen auf der aktuellen Seite
[1][3] Site <link rel="prerender" href="//host/site/" />

Veraltet