glyphfont blockiert Rendern der Seite

Anpassung an PHTML-Dateien, CSS, Javascript und HTML

Moderatoren: ThoGoe, maennchen1.de

Antworten
mariaWe
Beiträge: 157
Registriert: 08.12.2017, 11:35
Lizenz: keine
Skype-Name: Ro

glyphfont blockiert Rendern der Seite

Beitrag von mariaWe » 11.05.2018, 10:17

Guten Morgen,

meine Website schneitet nicht sehr gut bei pagespeed-tool von Google ab unter anderem liegt es an einer Rendering blockierenden Ressource.

Dies ist der Text aus dem Google Pagespeed test:

Ihre Seite enthält 1 blockierende CSS-Ressourcen. Dies verursacht eine Verzögerung beim Rendern Ihrer Seite.
Keine der Seiteninhalte "above the fold" (ohne Scrollen sichtbar) konnten ohne Wartezeiten für das Laden der folgenden Ressourcen gerendert werden. Versuchen Sie, blockierende Ressourcen zu verschieben oder asynchron zu laden, oder laden Sie kritische Bereiche dieser Ressourcen direkt inline im HTML.
Optimieren Sie die CSS-Darstellung für die folgenden URLs:
http://www.wohlfuehlrezept.de/…st/css/b ... ?ver=4.9.5


Könnt ihr mir bitte helfen, wie ich die Ressource asynchron lade oder wird beim nächsten Update viellleicht die Lade-Art geändert?

Ganz herzlichen Dank!

LG

Benutzeravatar
maennchen1.de
Administrator
Beiträge: 16015
Registriert: 14.08.2003, 16:55
Lizenz: wpShopGermany Enterprise
Wohnort: Thüringen, Ellersleben
Kontaktdaten:

Re: glyphfont blockiert Rendern der Seite

Beitrag von maennchen1.de » 11.05.2018, 14:31

Hallo!
Die entscheidende Info - die URL - wurde leider abgeschnitten. Könntest du diese bitte einmal posten, ohne dass diese abgeschnitten wird. Am besten als Code-Tag ("Vollständiger Editor").
Kein Support per PN! Alle Fragen beantworten wir hier im Forum. Per PN bitte nur Passwörter, Namen und URLs - sofern notwendig.
Bitte vor dem posten lesen:
FAQ / häufig gestellte Fragen
wpShopGermany Fehler? Hilfeanleitung!
PHTML-Dateien richtig verwenden (für eigene Anpassungen)

mariaWe
Beiträge: 157
Registriert: 08.12.2017, 11:35
Lizenz: keine
Skype-Name: Ro

Re: glyphfont blockiert Rendern der Seite

Beitrag von mariaWe » 14.05.2018, 09:31

Code: Alles auswählen

https://www.wohlfuehlrezept.de/wp-content/plugins/wpshopgermany-free/views/js/bootstrap-3.3.6-dist/css/bootstrap-glyphfont.css?ver=4.9.5

Benutzeravatar
maennchen1.de
Administrator
Beiträge: 16015
Registriert: 14.08.2003, 16:55
Lizenz: wpShopGermany Enterprise
Wohnort: Thüringen, Ellersleben
Kontaktdaten:

Re: glyphfont blockiert Rendern der Seite

Beitrag von maennchen1.de » 14.05.2018, 12:03

Du kannst das Laden der CSS unter "Konfiguration > Einstellungen > Bibliotheken/Includes > Bootstrap Glyphfont CSS im Frontend laden" deaktivieren und selber in deinen Quellcode einbauen, so dass es deinen Anforderungen entspricht. Asynchrones laden funktioniert nur im Zusammenspiel mit dem Theme, wovon es eine Menge gibt und nicht von uns abgedeckt werden kann.
Schau mal hier: https://www.google.com/search?q=css+asynchron+laden
Kein Support per PN! Alle Fragen beantworten wir hier im Forum. Per PN bitte nur Passwörter, Namen und URLs - sofern notwendig.
Bitte vor dem posten lesen:
FAQ / häufig gestellte Fragen
wpShopGermany Fehler? Hilfeanleitung!
PHTML-Dateien richtig verwenden (für eigene Anpassungen)

mariaWe
Beiträge: 157
Registriert: 08.12.2017, 11:35
Lizenz: keine
Skype-Name: Ro

Re: glyphfont blockiert Rendern der Seite

Beitrag von mariaWe » 16.05.2018, 17:46

Vielen Dank schon mal für die Antwort, werde ich probieren :D

Ich konnte auch schon viel Pagespeed hinzugewinnen durch das Bilder-Verkleinern und die Nutzung des Plugins Lazyload. Ich hatte einfach mit um die 100 kb noch viel zu große Bilder für einen Shop.

Generiert die Glyphont die Informationsfelder im Backend? Habe ich das so richtig verstanden?

LG

Benutzeravatar
maennchen1.de
Administrator
Beiträge: 16015
Registriert: 14.08.2003, 16:55
Lizenz: wpShopGermany Enterprise
Wohnort: Thüringen, Ellersleben
Kontaktdaten:

Re: glyphfont blockiert Rendern der Seite

Beitrag von maennchen1.de » 17.05.2018, 09:16

Die CSS wird für Icons im Produkttemplate genutzt.
https://getbootstrap.com/docs/3.3/components/
Kein Support per PN! Alle Fragen beantworten wir hier im Forum. Per PN bitte nur Passwörter, Namen und URLs - sofern notwendig.
Bitte vor dem posten lesen:
FAQ / häufig gestellte Fragen
wpShopGermany Fehler? Hilfeanleitung!
PHTML-Dateien richtig verwenden (für eigene Anpassungen)

Antworten