Pagespeed optimieren

[MR9393]

Guten Tag liebe Contao Community,

ich bin noch ganz neu hier und lerne auch gerade erst den Umgang mit Contao, ich habe keine großen oder nennenswerten Programmierkenntnisse, aber bin lernbereit und möchte mir diese in Zukunft auch aneignen.
Verzeiht mir falls ich irgendetwas in der Fragestellung unpräzise halten sollte oder die Frage(n) eventuell nicht ganz korrekt stelle.

Zu meinem "Problem":
Ich würde gerne den Pagespeed der Webseite http://mewes-oft.de optimieren. Nun habe ich schon sämtliche Beiträge dazu gelesen und auch Ratschläge von externen Seiten verfolgt und soweit mir möglich umgesetzt: .htaccess , Cache-Zeit, Komprimierung, etc. Nur leider hat sich die Ladezeit nicht merklich verbessert. Bei Pagespeed Insights tauchen nun noch 3 wesentliche Vorschläge auf:

1. Bilder in modernen Formaten bereitstellen (ist mir soweit klar und werde ich auch soweit wie möglich abarbeiten, gibt es dafür vielleicht ein Plug-In/Erweiterung?)

2. Ressourcen beseitigen, die das Rendering blockieren

3. Reduzieren Sie nicht verwendete CSS

Zu Punkt 2 und 3 habe ich auch schon sämtliche Tipps und Themen durchforstet. Als ich jedoch diesen Tipp (Schritt 4: JavaScript zusammenfassen) https://rocksolidthemes.com/de/conta...eit-optimieren gesehen habe, habe ich die Vorgehensweise und auch das was "dahinter" steckt nicht ganz verstanden.

Vielleicht könnt ihr mir da weiter helfen, obwohl ich noch ein richtiger Anfänger bin? Ansonsten müsste ich mich wohl oder übel an eine Agentur oder ähnliches wenden ?! Oder habt ihr Tipps für gute Weiterbildungsmöglichkeiten auf dem Gebiet? (Ich weiß, dass das jetzt ein wenig Off topic ist, sorry)

Des Weiteren bin ich über jeden Tipp, jede Anleitung zu den Punkten 2 und 3 sehr dankbar, denn ich möchte zumindest in den "grünen Bereich"
bei Pagespeed Insights kommen.

Danke für eure Aufmerksamkeit und ich freue mich schon über eure Antworten.

LG MR9393

[Spooky]

1. Bilder in modernen Formaten bereitstellen (ist mir soweit klar und werde ich auch soweit wie möglich abarbeiten, gibt es dafür vielleicht ein Plug-In/Erweiterung?)

Automatische Bereitstellung von Contao prozessierten Bildern in WebP kann Contao 4.9 von Haus aus. Wenn du solche modernen Features haben möchtest musst du daher auch auf eine höhere Feature-Version von Contao aktualisieren (4.9.16+ oder 4.11.5+).

[tab]

Zu den anderen Punkten, da sehe ich ganz klar die größten Probleme bei den Dateigrößen der Bilder und eventuell beim Javascript. Über 2 und 3 würde ich erst intensiver nachdenken, wenn es nach Abarbeitung von Punkt 1 noch nicht reicht. Bei Punkt 2 würde ich zuerst darüber nachdenken, welches Javascript eventuell erst später geladen werden kann. In jedem Fall sollte ein Update auf mindestens Contao 4.9 sehr hilfreich sein, wie @Spooky ja bereits geschrieben hat.

[MR9393]

Danke für den Tipp mit der Contao-Version an euch beide ! Müsste ich nach dem Update die Bilder wieder einzeln hochladen, damit diese optimiert bereitgestellt werden oder erledigt Contao das dann "von sich aus" für die bestehenden Bilder? Oder muss man das irgendwo anwählen dann für die einzelnen Bilder? Sorry, falls es eine dumme Frage ist .

Was gilt es denn bei einem Update zu beachten?

Vielen Dank!

[Spooky]

Danke für den Tipp mit der Contao-Version an euch beide ! Müsste ich nach dem Update die Bilder wieder einzeln hochladen, damit diese optimiert bereitgestellt werden oder erledigt Contao das dann "von sich aus" für die bestehenden Bilder?

Nein, die automatische Konvertierung wird immer dann gemacht, wenn Contao ein Bild in verschiedenen Bildgrößen im Frontend ausgibt.

Oder muss man das irgendwo anwählen dann für die einzelnen Bilder?

Du musst die Konvertierung in der Bildgrößeneinstellung aktivieren.

[MR9393]

@spooky: habe jetzt auf Contao 4.9.x upgedated, aber finde die Einstellung nicht. Wärst du so nett und schreibst mir, wo genau ich die finde? Das wäre super toll und vielen Dank!

[Zille]

1.jpg
2.jpg
3.jpg

[MR9393]

Guten Morgen,

also die Konvertierung in WebP und auch das Aktivieren des LazyLoading haben schon einige Verbesserungen gebracht.
Nun würde ich gerne in die oben genannten Punkte 2 und 3 einsteigen (anbei der Screenshot).

Habt ihr da vielleicht auch Tipps/Plug-Ins oder Erklärungen für mich, wie ich das ganze angehen kann, um bei den PageSpeed Insights in den grünen Bereich zu kommen?

Vielen Dank schonmal und einen guten Start in den Tag

LG Maurice

[Emrah84]

Hallo zusammen,

Danke allen für die Tipps.
Habe die Funktion bei mir auch gefunden und aktiviert. Aber es scheint nicht zu funktionieren. Also weder lazy loading noch die Umwandlung der Bilder.
Woran könnte dies liegen? Würde mich über ein paar Anregungen wirklich sehr freuen.

VG
Emrah

[mlweb]

Eventuell am Caching?
Wie hast Du getestet, dass Lazy Loading nicht funktioniert.
Werden denn die Bildformate, bei denen Du die Umwandlung in webp eingestellt hast auch wirklich bei den Bildern verwendet, die Du kontrolliert hast?

[Birden]

Wobei, bei Google PageSpeed Insights kommt sie auf über 90, so schlecht ist das gar nicht

[mlweb]

Wobei, bei Google PageSpeed Insights kommt sie auf über 90, so schlecht ist das gar nicht

Woher weißt Du das? @Emrah84 hat hier keinen Link zur betroffenen Seite gepostet, wenn ich das richtig sehe.

[Birden]

Woher weißt Du das? @Emrah84 hat hier keinen Link zur betroffenen Seite gepostet, wenn ich das richtig sehe.

Doch, doch, wurde )

[tab]

@MR9393 hat einen Link gepostet, aber von @Emrah84 finde ich keinen.

[Emrah84]

Hallo,
danke für die Antworten. Einen Link habe ich nicht gepostet. Da muss ich mlweb recht geben. Wenn wir bei 90 wären, würde ich feiern. Ich muss erstmal klären, ob ich das darf.
Aber vielleicht als Info noch. Ich habe null Erfahrung mit Contao. Ich versuche aber mein Bestes.
Ich mache des tatsächlich an der Ausgabe von PageSpeedInsights fest. Da kommen die üblichen Verdächtigen.
Nicht sichtbare Bilder aufschieben.
Bilder in modernen Formaten bereitstellen.
Bilder richtig dimensionieren.
Reduzieren Sie nicht verwendetes JS.

Genau, die Bilder werden nicht formatiert. Wie kontrolliere ich "Umwandlung in webp eingestellt hast auch wirklich bei den Bildern verwendet" (mlweb)

Ich danke euch
bg
Emrah

[mlweb]

Zeig doch mal Deine Backendeinstellung für eine Bildgröße, bei der Umwandlung in webp ausgewählt ist und dann zeig uns die Backendeinstellung bei einem Inhaltselement, bei dem Du im Frontend die Anzeige als webp vermisst.