Tipp für Layout: Swiss Responsive

Hallo,

sehr interessant. Aber ganz so einfach ist es leider nicht. Wenn das Print-Stylesheet zuerst geladen wird, dann haben bestimmte Regeln darin keine Präzedenz mehr und es werden beim Druck die Regeln vom Bildschirm CSS angewandt. Das zuletzt geladene CSS gewinnt, sozusagen.

Ich vermute die Auswirkungen auf den Speed-Test sind eher zufällig, denn technisch ist das nicht logisch zu erklären.

Aber da haben Sie einen netten Trick herausgefunden (der momentan funktioniert). Damit kann ich bei Gelegenheit mal etwas spielen, vielleicht finde ich mehr raus, das sich dann anwenden lässt.

Beutelbinder,

super, vielen Dank für den Tipp . Das teste ich die Tage auch mal.

Der Pagespeed wird ja immer wichtiger für SEO:

https://www.seo9.de/pagespeed-lade…aktor-3753.html

Wäre klasse, wenn Zeta die bundle.css-"Problematik" bei Gelegenheit programmiertechnisch anginge .

Liebe Grüße

Sunny

Zitat von fragezzeichen

Wäre klasse, wenn Zeta die bundle.css-"Problematik" bei Gelegenheit programmiertechnisch anginge .

Das ist aus unserer heutigen Sicht nicht technisch lösbar, weil wir das CSS einfach benötigen und auch keine "Inhalte above the Fold" priorisieren können, etc. weil wir ja ein CMS sind und die Inhalte vorab nicht kennen und diese auch jederzeit wechseln können… Wir haben den PageSpeed aber konstant im Blick und versuchen die bestmöglichen Werte zu erhalten.

Das ist sehr interessant. In einem Testprojekt mit Swiss-Responsive bringe ich, auch ohne Änderung irgendwelcher Reihenfolgen den Pagespeed von 48 (mobil) / 91 (desktop) auf 100 / 100 indem ich in den Projekt-Einstellungen folgendes CSS einfüge: <style>body{background-image:url('')}</style> .

Das mach technisch alles keinen Sinn und ich denke, wir triggern hiermit einfach einen Bug im Parser von Google Pagespeed. Egal, momentan lässt sich das auf jeden Fall in diesem Layout (in anderen funktioniert das so in ersten Tests nicht) so nutzen (ausser Sie benötigen wirklich ein Hintetrgrundbild im Layout, dann dürfen Sie das CSS oben nicht einsetzen).

Boah - 91 bei Desktop ist ja Wahnsinn. Sehr interessant.

Bei meinem Test waren es gerade 100, wobei die Seite auch keine "normalen" Bilder enthält.

Die 91 Desktop waren im Standard-Zustand, halt ohne Bilder im Projekt.

Das würde sich auch nur beim Druck zeigen. Sie können das so lassen, auch wenn ich in meinen Tests die Reihenfolge nicht ändern musste.