Pagespeed Insights empfiehlt, bestimmte Schriftartdateien vorab zu laden, um das Laden der Seite zu beschleunigen. Ich habe den Code in meinem Element hinzugefügt, aber Pagespeed erkennt ihn immer noch nicht. Ich habe alle Fixes ausprobiert, die in anderen Antworten erwähnt wurden:
- Verwenden des Crossorigin-Attributs (mit anonym)
- Verwenden des Plugins zum Einfügen von Kopf-/Fußzeilen
- Laden anderer Schriftarten wie .woff, .eot
Hier ist der Link dazu die Seite. Diese Seite ist nur ein Beispiel. Das gleiche Problem besteht auch bei allen anderen Beiträgen, in denen Pagespeed Folgendes erwähnt:
Consider using `<link rel=preload>` to prioritize fetching resources that are currently requested later in page load. Learn more.
URL
Potential Savings
…fonts/johannes-font.ttf(productiveclub.com)
2,670 ms
Die mehreren Preloads im Moment dienen nur zum Testen. Derselbe Fehler bleibt bestehen, wenn ich nur eine Preload-Anweisung behalte.
Kann jemand verstehen, was in meinem Code hier falsch ist? Danke im Voraus.
Wenn Sie die Schriftart tatsächlich laden, hat sie eine ? am Ende davon.
Dadurch wird unter Umständen der Cache geleert und eine neue Version der Datei geladen, wobei das vorherige Laden rückgängig gemacht wird / sie als eine andere Datei behandelt wird.
url(/wp-content/themes/johannes/assets/fonts/johannes-font.ttf?) format('truetype') befindet sich in einer der minimierten CSS-Dateien.
Sie laden es auch mehr als einmal vor (Zeile 7 und Zeile 199 im HTML), sodass Sie einen Konsolenfehler erhalten, der nicht direkt damit zusammenhängt, aber auf jeden Fall wichtig zu beheben ist.
Die Ressource https://productiveclub.com/wp-content/themes/johannes/assets/fonts/johannes-font.ttf wurde mit Link Preload vorgeladen, aber nicht innerhalb weniger Sekunden nach dem Ladeereignis des Fensters verwendet. Bitte stellen Sie sicher, dass es eine geeignete hat as Wert und es wird absichtlich vorgeladen.
zur Klarheit – was einen Browser betrifft fonts/johannes-font.ttf ist nicht gleich fonts/johannes-font.ttf? Sie laden die Datei also nicht wirklich vor, soweit es den Browser betrifft. Entferne das ? von Ihrer URL und es sollte wie erwartet funktionieren.
Ich dachte nur, ich würde sehen, ob es noch etwas gibt, das Sie der Antwort hinzufügen möchten, da Sie die Frage belohnt haben oder ob Sie bereits Gelegenheit hatten, das auszuprobieren, was ich vorgeschlagen habe?
– Graham Ritchie
22. Dezember 2020 um 5:32 Uhr