Wie kann ich Verzögerungen beim Laden von Schriftarten beim Web-Rendering verhindern?

So verringern Sie die Verzögerung beim Laden von Schriftarten beim Web-Rendering

Ist Ihnen schon einmal aufgefallen, dass der Text auf einer Webseite vor dem Wechsel kurzzeitig in der Standard-Systemschriftart angezeigt wurde? zur beabsichtigten benutzerdefinierten Schriftart? Diese Verzögerung kann auf die Zeit zurückgeführt werden, die zum Laden der Schriftartdatei benötigt wird. Wenn Sie dieses Problem minimieren oder beseitigen möchten, schauen wir uns die verfügbaren Ansätze an.

Seitenerstellung aufschieben, bis die Schriftarten geladen sind

Verwenden der von unterstützten Option „Vorladen“. Moderne Browser sind eine praktikable Lösung. Diese Option weist Browser an, das Laden der Schriftartdatei vor dem Rendern der Seite zu priorisieren.

<link
  rel="preload"
  href="assets/fonts/xxx.woff"
  as="font"
  type="font/woff"
  crossorigin/>

Diese Anweisung weist Browser an, die angegebene Schriftartdatei frühzeitig zu laden, um sicherzustellen, dass sie sofort zur Verwendung verfügbar ist, wenn die Seite mit dem Rendern beginnt.

Zusätzliche Ressourcen

• [Kann ich verwenden: link-rel-preload](https://caniuse.com/link-rel-preload)
• [Dokumentation für rel=preload – MDN](https://developer.mozilla.org/en-US /docs/Glossary/Prefetch)
• [Vorladehinweise für Web-Schriftarten – Bram Stein](https://bramstein.com/guides/preloading-web-fonts)

Das obige ist der detaillierte Inhalt vonWie kann ich Verzögerungen beim Laden von Schriftarten beim Web-Rendering verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!