Habe einige Einstellungen zusammen getragen um den Google Pagespeed mit Contao 4.4 zu meistern:
https://goldener-zirkel.com/blogbeit...timierung.html
Wer noch weitere Anregungen hat, gerne kommentieren.
Viel Erfolg.
Druckbare Version
Habe einige Einstellungen zusammen getragen um den Google Pagespeed mit Contao 4.4 zu meistern:
https://goldener-zirkel.com/blogbeit...timierung.html
Wer noch weitere Anregungen hat, gerne kommentieren.
Viel Erfolg.
Der Punkt "Skripte komprimieren" funktioniert nur mit entsprechender .htaccess Anpassung (welche du aber nicht gemacht hast).
Davon abgesehen hast du in deinem .htaccess Beispiel für die automatische Komprimierung <IfModule mod_filter.c> auskommentiert.
Hi Spooky, Danke für den Input.
Hab die Passagen angepasst.
Frohes Schaffen und Grüsse, Kai
Hi,
danke für den Beitrag.
Eine Kleinigkeit: "anhaken" statt "anhacken". ;)
Beim PageSpeed-CSS sprichst du vom Grund-Layout. Aber gehören nicht auch Inhalte dazu? Dabei schaut man oft nur auf die Startseite, aber es gilt für alle Seiten und besonders für Landingpages. Man könnte dieses CSS auch automatisch inkludieren lassen im Template. Das mache ich z. B. mit einer Nameskonventions anhand der Body-Klasse, wenn mehrere Stylesheets für verschiedene Seiten bzw. Layouts existieren.
LG
Moin,
Fehlerteufel ist abgehakt ;)
Würdest du hier das Script posten, mit dem du die CSS-Files aus dem Array 'zobbelst'? Würde die Option gerne hinzufügen, gerne mit Backlink zu dir.
Frohes Schaffen und Grüsse, Kai
Blöde Frage aber ich habe bei noch keiner Seite gesehen das die Sytesheets ganz unten geladen werden ?
Dann gibt es ja noch Ressourcen wie Google Fonts & Analytics die immer bemängelt werden.
Genau wie ich in der 4.4.8 festgestellt habe selbst wenn ich folgendes im Layout habe {{date::d. F Y|uncached}} das er mit im sobald ich den Cache aktivere nur noch Tag. Jahr ausgibt :(
Das hat aber nichts mit dem PageSpeed zu tun?Zitat:
Zitat von Ralf2011
Jedenfalls handelt es sich hier um einen Bug: https://github.com/contao/core-bundle/issues/1203
Du brauchst |uncached übrigens nicht beim {{date::*}} Insert Tag. Dieser Insert Tag ist immer uncached.
Ja ne hat damit nichts zu tun. Ist mir in den Zug nur aufgefallen ;)Zitat:
Zitat von Spooky
Okay da weiß ich bescheid wenn das ein Bug ist :)
Hallo Kai,Zitat:
Zitat von holist
hm, ich arbeite mit externen Stylesheets.
Aber ich denke trotzdem darüber nach, das intern verarbeitete Array anders zu verarbeiten, weil ja jede Erweiterung ein Stylesheet mitbringen kann, was das Rendering blockiert... Das würde ich gern automatisiert behandeln.
LG Micha
Gesendet von meinem SM-T585 mit Tapatalk
Danke auch von mir für den Beitrag.
Grundsätzlich scheint mir wirklich der Knackpunkt beim "Above the Fold" zu liegen.
Da wir mit BEMIT arbeiten haben wir den konkreten Vorteil, dass wir im Prinzip nur die externen Stylesheets für das Grundlayout aus den normalen Contao-Stylesheet-Inkludierungen rausnehmen und als minifizierte Version in den Head einbauen.
Nun fände ich es natürlich toll, wenn man dann immer noch das CSS des ersten Inhaltselements dazunehmen könnte.
Hat das irgendjemand schon lösen können?
Hi ph!L,
hast Du Dein Problem mittlerweile lösen können?
Sehr schön, Daumen hoch für den Beitrag. Wenn jetzt noch jemand ne Erweiterung basteln könnte, dass man die kritische CSS in der Seitenstruktur einzelnen Seiten zuweisen könnte (ähnlich der Meta-Description), wäre das der Oberknaller - ach ja, programmieren sollte man können ;)
@HBR:
Übergangsweise könntest Du zB in FE-Page die Seiten-ID abfragen.
Ist diese "Startseite", setze A, ansonsten B.
Das CSS bindest Du dann als PHP-Include ein.
Natürlich geht das nur, solange Du das nicht von Redakteuren setzen lassen willst.
Das schöne an dieser Lösung ist, man kann es prima in der IDE verwalten und Versionieren.
Die Seitenstruktur wäre mMn die falsche Stelle dafür.Zitat:
Zitat von HBR
Aber im Prinzip kannst Du es ja über verschiedene Seitenlayouts machen. UU auch noch mit der Child-Layouts Erweiterung https://packagist.org/packages/richa...o-childlayouts
würde aber bedeuten, dass man zu jedem Seitenlayout ein neues fe_page template benötigen würde, da über die Einbindung als zusätzlicher Head-Tag das ganze ebenfalls ans Ende des Body-Bereiches rutschen würde. Und bei zu vielen fe_pages wird es ein wenig unübersichtlich. Oder habe ich dich falsch verstandenZitat:
Zitat von Stefko
ein weiteres Problem tut sich bei mehrsprachigen Seiten auf, da der alternate-link ebenfalls ans Ende rutscht. Hat hierfür jemand einen Vorschlag, wie man diesen wieder in den Head bekommt.