Mobiler Google PageSpeed in responsive Templates derzeit sehr gering

[Torsten Riemer]

Siehe dazu: ​Klick mich!

Ich möchte nicht ausschließen, dass sich hier einfach das Apache Modul "mod_pagespeed" verschluckt hat, denn es sind ja noch mehr jpg-Bilder, deren Browser-Caching ja problemlos zu funktionieren scheint.

[FräuleinGarn]

Mach den Test mal mit http statt https. Eure Serverantwortzeit geht dann von ca 0,6 auf 0,2 Sekunden runter. Und der Wert liegt dann bei 68Punkten.

Vielleicht hilft das weiter.

[Torsten Riemer]

Das hat damit überhaupt nichts zu tun. Es hängt derzeit einzig und allein am angeblich nicht vorhandenen Browser Caching zweier Bilder in der mobilen Ansicht.

[Gerhard Waldemair]

Aktuell:

• Mobil 85
• Desktop 100

[Torsten Riemer]

Das sollte sich Markus nochmal anschauen. Da gibt es noch Optimierungspotenzial.

[Markus Rehm]

Also ich bekomme aktuell
Mobil -> 92
Desktop -> 98

Das einzige was man generell noch machen könnte wäre jquery in den Footer zu verlegen.
Mit Ausnahme von Warenkorb, Checkout und ggf. Product-Info.

Mehr kann ich da nicht mehr drehen :-)

Markus

[Torsten Riemer]

Ja, ich denke das sollten wir noch umsetzen.

Und was ist mit:

Darauf achten, dass der Text während der Webfont-Ladevorgänge sichtbar bleibt

[Markus Rehm]

Dann mach ich das morgen und verlagere in den 3 modified-Templates jquery von der "general" in die "general-bottom". Als Ausnahmen haben wir dann den Checkout, den Warenkorb und die Detailseite. Dort wird es für Paypal gebraucht.

Das mit dem "Webfont-Lagevorgang" und font-display ist so eine Sache. Im Prinzip verzögert er damit das Laden der speziellen Fonts und zeigt stattdessen dann eine Arial oder Verdana an.

Wenn du Glück hast und die Schrift bei dir zufällig im Browsercache liegt bekommst du auch die richtige Font angezeigt. Das kann halt zu sehr unschönen Effekten führen und ich finde Page-Speed ist an der Stelle nicht alles.

Markus

[Torsten Riemer]

So wie ich das verstehe wird da nichts verzögert, sondern sorgt nur dafür, dass ein Ersatz-Font während der Ladezeit angezeigt wird. Würde ich auch umsetzen wollen.

[Markus Rehm]

Ich mach das mal in meinem Testshop damit du genau siehst was da passiert ... ich finds extrem unschön ... das ist zum Teil schon fast wie "blitzen" :-)

[Markus Rehm]

Nachdem nun jquery im Footer geladen wird bekomme ich aktuell ...

Mobil -> 93
Desktop -> 100

Markus

Ich habe jetzt mal die product_info mit als Ausnahme deklariert. Dort brauchen wir es ja für paypal und wie mir scheint gibt es viele Module die es in der product_info auch oben benötigen.

[Markus Rehm]

In tpl_modified_responsive_1 ist jetzt mal font-display:swap mit drin. Die Meldung ist weg und wir haben jetzt ...
​https://css-tricks.com/font-display-masses/

Mobil -> 94
Desktop -> 100

Soll das in die anderen Templates dann auch mit rein?
Dann muss ich die auch noch entsprechend umbauen und die fonts enstprechend hinterlegen damit die selbst gehostet werden.

[Markus]

In 11722:

fix #1425 - move jquery from general.js.php in general_bottom.js.php (except checkout, product_info & shopping_cart)

[Markus]

In 11723:

fix #1425 - use font-display css-property for "tpl_modified_responsive_1"

[Gerhard Waldemair]

In 11724:

fix r11722 (fix #1425 - move jquery from general.js.php in general_bottom.js.php (except checkout, product_info & shopping_cart))

[Markus]

In 11726:

fix #1425 - add font-files (Open Sans) to tpl_modified_responsive_2 and add font-display function to tpl_modified + tpl_modified_responsive_2