PageSpeed Preload Optimierung: Wichtige Anforderungen vorab laden

Vorschau: PageSpeed Preload Optimierung: Wichtige Anforderungen vorab laden

Self-hosted

Diese App ist auch für Shopware 5 verfügbar

PageSpeed Preload Optimierung: Wichtige Anforderungen vorab laden

Support

Support durch: Tanmar Webentwicklung
Support Sprachen:

Dieser Extension Partner reagiert sehr schnell auf Supportanfragen

Details

Artikel-Nr.: Tanma46749543947m
Extension Partner: Tanmar Webentwicklung
Version: 2.0.0
Letztes Update: 06.05.2024
Sprachunterstützung:
Self-hosted Kompatibilität:

6.2.0 – 6.2.3

6.3.0.0 – 6.3.0.2

6.3.1.0 – 6.3.1.1

6.3.2.0 – 6.3.2.1

6.3.3.0 – 6.3.3.1

6.3.4.0 – 6.3.4.1

6.3.5.0 – 6.3.5.4

6.4.0.0

6.4.1.0 – 6.4.1.2

6.4.2.0 – 6.4.2.1

6.4.3.0 – 6.4.3.1

6.4.4.0 – 6.4.4.1

6.4.5.0 – 6.4.5.1

6.4.6.0 – 6.4.6.1

6.4.7.0

6.4.8.0 – 6.4.8.2

6.4.9.0

6.4.10.0 – 6.4.10.1

6.4.11.0 – 6.4.11.1

6.4.12.0

6.4.13.0

6.4.14.0

6.4.15.0 – 6.4.15.2

6.4.16.0 – 6.4.16.1

6.4.17.0 – 6.4.17.2

6.4.18.0 – 6.4.18.1

6.4.19.0

6.4.20.0 – 6.4.20.2

6.5.0.0

6.5.1.0 – 6.5.1.1

6.5.2.0 – 6.5.2.1

6.5.3.0 – 6.5.3.3

6.5.4.0 – 6.5.4.1

6.5.5.0 – 6.5.5.2

6.5.6.0 – 6.5.6.1

6.5.7.0 – 6.5.7.4

6.5.8.0 – 6.5.8.9

6.6.0.0

6.6.0.2 – 6.6.0.3

6.6.1.0 – 6.6.1.2

6.6.2.0

Google PageSpeed Insights gibt Best Practice Empfehlungen zur Optimierung Webseiten im Hinblick... mehr

Menü schließen

Produktinformationen

Highlights

Automatische Font Erkennung

Features

Erzeugt Preload Tags für im Theme geladene Fonts
Beseitigt die Meldung "Wichtige Anforderungen vorab laden" in Google PageSpeed Insights
Subshop Unterstützung

Beschreibung

Google PageSpeed Insights gibt Best Practice Empfehlungen zur Optimierung Webseiten im Hinblick auf die Ladezeit. Das Tool nutzt Lighthouse zur Analyse.

Die Empfehlungen werden permanent aktualisiert so dass man regelmässig Anpassungen vornehmen muss, um in der Messung gute Werte zu erzielen.

Seit Juni empfiehlt Pagespeed Insights "wichtige Anforderungen" vorab zu laden. Die englische Bezeichnung Preload key request trifft es etwas besser. Im Kern geht es darum, dass man dem Browser schon sagt welche Elemente für die Darstellung der Webseite herunter geladen werden müssen bevor sie letztlich in der CSS Datei oder dem HTML benötigt werden. Die aktuelle Google Pagespeed Empfehlung betrachtet Fonts als "wichtige Anforderung".

Um zu ermitteln welche Fonts das Theme lädt analysiert das Plugin die CSS Datei, extrahiert die darin importierten Fonts und erzeugt dann im head der Webseite vor der Einbindung der CSS Datei für jeden benutzten Font ein link rel=preload Tag.

Häufig gestellte Fragen

Funktioniert das Plugin zusammen mit dem PageSpeed Modul von Google? Manche Provider bieten die Aktivierung des Google PageSpeed Moduls direkt im Webserver an. Das bewirkt dass das HTML das der Shop erzeugt nachträglich vom Webserver verändert wird. Unser Plugin wird dadurch ausgehebelt. Wenn Sie das PageSpeed Modul nutzen funktioniert unser Plugin nicht

Bewertungen lesen, schreiben und diskutieren... mehr

Menü schließen

Kundenbewertungen

Als Besitzer dieser App kannst du diese im Shopware Account bewerten

Jetzt im Account bewerten

mehr

Menü schließen

Konfigurationsanleitung

Installieren Sie das Plugin, Aktivieren Sie es und bestätigen Sie das Leeren des Caches.

Sollten Sie Fonts die das Plugin im CSS gefunden hat vom Preload ausschließen wollen können Sie das über die Blacklist Option in den Plugin Einstellungen machen, indem Sie den Dateinamen des Fonts hier angeben.

Über die Einstellung für zusätzliche Fonts können Sie eigene Elemente zum Preload hinzufügen. Geben Sie pro Zeile einen Pfad oder einen Link zu einer Datei an.

mehr

Menü schließen

Änderungen

Version 2.0.0

Kompatibilität mit Shopware 6.6 hinzugefügt
Neuer Default wert für Blacklist Option zum Blocken von meist ungenutzten Fonts

Achtung: Beim Update prüfen Sie bitte die Entwicklerkonsole Ihres Browsers, dort Warnungen für Fonts ausgegeben werden, die vorgeladen werden, obwohl sie nicht benutzt werden.

Der neue Standardwert für die Blacklist beinhaltet diese Fonts:

Inter-Regular-Roman.woff2
Inter-Regular-Italic.woff2
Inter-SemiBold-Roman.woff2
Inter-SemiBold-Italic.woff2
Inter-Bold-Roman.woff2
Inter-Bold-Italic.woff2
Inter-Variable-Roman-CyrillicExt.woff2
Inter-Variable-Roman-Cyrillic.woff2
Inter-Variable-Roman-GreekExt.woff2
Inter-Variable-Roman-Greek.woff2
Inter-Variable-Roman-Vietnamese.woff2
Inter-Variable-Roman-LatinExt.woff2
Inter-Variable-Italic-CyrillicExt.woff2
Inter-Variable-Italic-Cyrillic.woff2
Inter-Variable-Italic-GreekExt.woff2
Inter-Variable-Italic-Greek.woff2
Inter-Variable-Italic-Vietnamese.woff2
Inter-Variable-Italic-LatinExt.woff2
Inter-Variable-Italic-Latin.woff2