Ladebildschirm

[ylemat]

Bei mir half das

[Tim]

Die Ausgabe $this->text in den news_ Templates startet bei den News eine Funktion, die alle Inhaltselemente abarbeitet. Das geschieht für alle News. Ergänzt wurde irgendwann eine Abfrage $this->hasText und $this->hasTeaser für eine performante If-Umklammerung der $this->text bzw. $this->teaser Ausgaben.

[tschero]

Für solche große Filter-Arbeiten gibt es Module wie CC oder man setzt auf Filterungen, die die News auf PHP Ebene / sql Ebene filtern. Die [news_categories] von codefrog zum Beispiel.

CC und andere Erweiterungen habe ich mit dem Kunden besprochen.
Die Portfoliofilterung sollte es werden, da nur wenige Filter angewendet werden.
War auch ein Kostenfaktor.

[tschero]

OK, sehr gut.

Ich habe das Thema PageSpeed auch noch mal im Contao Forum angesprochen.
Es geht - so wie wir herausgefunden haben, bei meiner Entwicklungsseite mit den Vielen Nachrichten um den TTFB.
https://community.contao.org/de/show...l=1#post528228

Bin über jeden Hinweis dankbar den ich verhältnismäßig einfach umsetzen kann.

[Tim]

Wie ist Deine Meinung zu den PageSpeed Insight´s?

Technisch kann die Seite sicher noch etwas optimiert werden. Scripte komprimieren usw.. Die fehlenden Schriften vielleicht noch bereinigen.

Das Surf-Erlebnis selbst ist prima. Alles geht flink, alles ist da, alles ist schick, alles macht Sinn. Das ist Kern einer Webseite und der Mensch darf bei all dem "Pagespeed"-Wahn nicht vergessen werden, was leider oft der Fall ist.

[tschero]

Vielen Dank für die Blumen .
Wie ist Deine Meinung zu den PageSpeed Insight´s?

[Tim]

Was sagst du zu dieser Seite? Ist zwar noch E9 aber ohne irgendwelchen großen "SchickiMicki".

Ich mag die Seite, besonders die Über Uns- Seite, weil Du mich da anlachst.
Schöne Kooperation aus Designer und Programmierer.

[Tim]

Für solche große Filter-Arbeiten gibt es Module wie CC oder man setzt auf Filterungen, die die News auf PHP Ebene / sql Ebene filtern. Die [news_categories] von codefrog zum Beispiel.

[tschero]

Paginationen einsetzen.

Die Nachrichten sind quasi Unterkunftsobjekte aus einer Seite, die ehemals den FeWo Manager verwendet hat. Der wird jedoch nicht mehr verwendet.
Wir wollen erst mal versuchen, ob es hier noch eine andere Lösung als die Pagination gibt, da wir hier auch den Portfoliofilter verwenden.

Mit der Pagination ist der Filter quasi nicht mehr so schön zu gebrauchen.

Als Beispiel:
Auf Seite 1 erhält man Ergebnisse wenn man nach "Deutschland" sucht. Auf Seite 2 nicht mehr, weil eben in diesen Nachrichten keine dabei ist. Auf Seite 3 jedoch findet man wieder welche.

Das verwirrt den Nutzer.

kein repräsentatives Beispiel

Was sagst du zu dieser Seite? Ist zwar noch E9 aber ohne irgendwelchen großen "SchickiMicki".

[Tim]

Die https://eclipse.premium-contao-themes.com/home-107.html ist kein repräsentatives Beispiel. Das ist unsere Beispielseite mit aktiven ThemeDesigner usw. usw. Dort wurde nichts an Optimierungen durchgeführt. Thomas hat irgendwo ein pagespeed Beispiel für EX

Ich habe das Ladeproblem nur auf zwei Seiten in welchen ich sehr viele Nachrichten einbinde.
Auf der einen sind es ca. 70 und auf der Anderen sind es leider ca. 250.

Paginationen einsetzen.

[tschero]

Hi Tschero,

ich würde hier schauen, dass man die Ladezeit optimiert...

Schöne Grüße
Tom

Hi Tom,

ich würde hier gerne noch mal beim Thema Ladezeit ansetzen.
Dazu habe ich mal eine meiner Seiten (Eclipse 9) und die Default Demo von PCT mit EX durch die PageSpeed Insights laufen lassen.
Wie könnte ich denn da noch verbessern. Viele Dinge scheinen direkt von Eclipse zu kommen.

Die von mir getestete Seite liegt bei NetCup Webhosting 8000.

Gruß
tschero

[tschero]

Besten Dank, das scheue ich mir gerne mal an.

Die Erweiterung funktioniert.
Leider passiert folgendes.
Bei Klick auf den entsprechenden Link zur Seite mit der langen Ladezeit, wird zuerst sehr lange geladen (der sich bewegende Punkt im Favicon) und dann, für ca. 1 Sekunde, das Overlay angezeigt.
Das Overlay müsste früher erscheinen. Also sofort, wenn man auf den Link geklickt hat.

Gruß
tschero

[tschero]

Hi Tom,
ich habe mal etwas getestet.
Hier mal eine Zwischeninfo.

Lage:
Ich habe das Ladeproblem nur auf zwei Seiten in welchen ich sehr viele Nachrichten einbinde.
Auf der einen sind es ca. 70 und auf der Anderen sind es leider ca. 250.

Diese beiden Seiten laden ca. 30 - 40 Sekunden. Das ist zu lang. Der Rest der Website ist OK.

Lazyloading:
Ich habe Lazyloading auf "auto" umgestellt, sonst nichts weiter.
Hier erkenne ich keinen Effekt.

Bildgrößen:
Hier bin ich noch nicht ganz sicher.
Was ich festgestellt habe ist, dass man am Besten BEVOR man sämtliche Inhalte anlegt, diese Einstellungen macht. Ansonsten muss ja wieder jedes einzelne Inhaltselement wieder angefasst werden. Sehe ich das richtig?

Gibt´s hier evtl. noch weitere Info´s, Beispiele oder hat noch jemand Tipp´s wie man am Besten mit diesem Feature arbeitet?

Gruß
tschero

[tschero]

Vielen Dank für die ausführliche Info,

Mal sehen was ich optimieren kann.

Gruß
tschero

[Tom]

Lazy-Loading kann in den Contao Einstellungen > SEO Helfer - Einstellungen > "loading"-Attribut Einstellungen definiert werden. Hier am Besten auf "auto" stellen.

Responsive Images
Hier muss man unterteilen in Bilder die per IMG-Tag eingebunden werden und welche die als Hintergrund-CSS-Bilder rein kommen.

Für die folgenden Lösungen müssen die Bildgrößen für Desktop und Mobile in Contao definiert werden: Contao > Layout > Themes > Eclipse > Bildgrößen

IMG-Tag:
Das steht in Contao ab Version 4.9 zur Verfügung. Wird wie beschrieben in den Bildgrößen definiert. Alles andere macht Contao selber.

Hintergrund-CSS-Bilder:
Hier haben wir eine schöne Lösung in Eclipse die ebenfalls auf Contaos-Bildgrößeneinstellungen zurückgreift. Die selber definierte Bildgröße kann in den jeweiligen Inhaltselementen (Bsp. Hintergrundbild/Farbe) im Bildattribut gewählt werden.

Ich würde Bildgrößen für Hintergrundbilder Desktop (1920px) und Mobile (767px) definieren. Bilder im Inhaltsbereich für Desktop muss man sich individuell ansehen. Ich würde sagen für Mobile passt ansonsten in den meisten Fällen 767px.