Wie genau links Rel = Vorspannung funktioniert?

Wie genau links Rel = Vorspannung funktioniert?
Wenn der Endbenutzer einen Vorgang auf der Website oder auf der Web-App ausführt, möchten die Entwickler manchmal so früh wie möglich einige wichtige Ressourcen anzeigen oder ausführen, ohne dass der Benutzer warten muss. Insbesondere der Link rel = “Vorspannung”Funktioniert so, dass es den Browser anweist, bestimmte Ressourcen so bald wie möglich zu laden und zu zwischenstrahlen.

Lassen Sie uns kurz diskutieren, wie die REL = „Vorspannung“ funktioniert.

Wie genau links Rel = "Vorspannung" funktioniert?

Wenn eine Webseite auf dem Browser geladen wird, wird der Header zuerst vor allen anderen Elementen auf der Webseite geladen. Wenn der Benutzer eine Operation durchführt, die das rel = hat “VorspannungIn dem Browser laden die Ressourcen früher mit der Rel = „Vorspannung“. Nach dem Laden werden die anderen Ressourcen geladen. Dies stellt sicher, dass das Laden der in der Rel = „Vorspannung“ definierten Ressourcen keine Verzögerung geben wird.

So verwenden Sie Link rel = "Vorspannung"?

Das Rel = "Vorladen" wird im Link -Tag hinzugefügt. Darüber hinaus ist innerhalb des Link -Tags erforderlich, um das hinzuzufügenrel","href", Und "AttributeUnd definieren Sie ihre Werte.

Im Folgenden finden Sie die Syntax des Hinzufügens von rel = "Vorspannung" in dem Link -Tag in einem Dokument:

In der obigen Syntax:

  • Innerhalb des Link -Tags gibt es eine “rel”Attribut, das als" definiert wird "Vorspannung”.
  • Danach das "href”Gibt das Attribut mit der zu vorinstallationalen Ressource an (Link oder die Datei).
  • Der "alsDas Attribut enthält die Datei, die aus dem Browser heruntergeladen werden muss. Zum Beispiel "Stil", "Schriftart", "Skript", "abrufen" usw.

Beispiel: Hinzufügen von rel = "Vorspannung" im Tag "Link"
Lassen Sie uns diskutieren, wie die Ressourcen mit der obigen Syntax in der Funktion rel = „vorladen“ deklariert werden:

Gemäß der obigen Anweisung, um eine Datei oder Ressource in der Rel = „Vorspannung“ zu deklarieren:

  • Ein Link -Tag wurde mit dem Attribut rel = "vorladen" gemäß der Syntax erstellt.
  • DrinnenhrefAttribut mit einer Ressourcendatei namens Style.CSS wurde definiert.
  • Dann ist die "alsAttribut ist das als "angegebene Attribut"Stil”.

Vorteile der Verwendung von rel = "Vorspannung"

rel = „vorladen“ bietet den Entwicklern die folgenden Vorteile:

  • Das Rel = "Vorladen" ist in der Software sehr hilfreich, bei der sofortige Anzeige oder Ausführung einiger Ressourcen erforderlich ist.
  • Damit können der Browser den Ressourcentyp identifizieren, damit darauf hingewiesen werden kann, ob in Zukunft dieselbe Ressourcentyp verwendet wird.
  • Es spart die Zeit der Benutzer, da sie keine Minuten oder Sekunden warten müssen.
  • Die Nutzung macht die Website oder die Web -App zuverlässiger, da eine langsame Verarbeitung für viele Benutzer eine große Ablenkung ist, die die Benutzer dazu veranlasst, auf eine andere Plattform zu wechseln.
  • Der Browser kann die Ressourcen mit der Inhaltssicherheitsrichtlinie durch die “übereinstimmenals”Attribut im Tag hinzugefügt.

Hier geht es um die Arbeit und Funktionalität von rel = "Vorspannung" in HTML.

Abschluss

Das rel = ”VorspannungDas Attribut wird in HTML -Dokumenten verwendet, um die Verarbeitung einer Webseite zu beschleunigen, indem der Browser so schnell wie möglich auf der Webseite geladen wird. Durch seine