Hamburger-Menu
Bild zum Thema

Attribut "as"

html css php mysql javascript
Bild zum Thema

Attribut "as"

Definition

Das Attribut "as" steht für as (als).


Das Attribut "as" wird fast ausschließlich zusammen mit rel="preload" oder rel="prefetch" verwendet. Es teilt dem Browser mit, welche Art von Inhalt geladen wird, noch bevor die Datei fertig heruntergeladen ist. Ohne "as" weiß der Browser nicht, ob es sich um ein Bild, ein Skript oder eine Schriftart handelt. Mit "as" kann er Prioritäten richtig setzen (z.B. Schriften wichtiger einstufen als Bilder), die richtige Content-Security-Policy (CSP) anwenden und den passenden Request-Header senden.

Gültige Tag

Gültig für: link

Werte

style

CSS-Datei


script

JavaScript-Dateien


font

Zeichensatz


image

Banner
(z. B. große Banner, die sofort geladen werden sollen)


Beispiele

= Tag
= Attribut
= Wert
Wichtig!
= Wichtig!
Beispiel as -

Der Code:
<link rel="preload" href="style-wichtig.css" as="style">

Hier wird "style-wichtig.css" mit Priorität vorab geladen.