Seite EXTREM langsam, woran liegt's?

  • Hallo ihr Lieben,
    ich wende mich an euch, weil ich langsam nicht mehr weiter weiß, bzw. vor lauter Tipps, Empfehlungen und Hinweisen durch eigenständiges Googeln vielleicht auch einfach den Wald vor lauter Bäumen nicht sehe.

    Als totale Anfängerin habe ich mich vielleicht etwas übernommen und folgende Seite programmiert: https://barsbarsbatigol.de/

    Es handelt sich um ein Herzensprojekt meines Mannes und während ich die Seite erstellte kamen immer mehr Wünsche und Träume hinzu, die ich mich zu meinem besten Wissen bemüht habe umzusetzen. Insgesamt sind wir sehr zufrieden mit der Seite, aber sie ist einfach viel zu langsam. Während andere Seiten noch einigermaßen normal laden, haben Seiten der Kategorie "Register" mitunter 8 Sekunden Ladezeit. Somit springt natürlich jeder Nutzer ab.

    Im Versuch, es schneller zu kriegen, habe ich schon diese Plugins installiert: a3 Lazy Load, Autoptimize und Cache Enabler. Diese haben es schneller gemacht, aber nicht ausreichend.

    Ich habe die Beitrags-Option "Register" mit ACF programmiert, damit mein Mann es leichter hat, diese tagtäglich auszufüllen, ohne dass er sich mit Elementor rumplagen muss. Da manche Einträge sehr viele Felder brauchen, manche nur wenige, habe ich stark mit Dynamic Visibility gearbeitet - kann es an diesen vielen Feldern liegen? Auch habe ich auf ACF Pro umgestellt und JSON dafür aktiviert, habe nicht das Gefühl, dass dies viel getan hat, ich hatte mir mehr davon versprochen.

    Inzwischen komme ich einfach an meine Grenzen. Habt ihr eine Idee, woran es liegen könnte/wie ich es beheben kann? Falls ihr dazu bestimmte Daten braucht, schreibt gerne.

    Herzlichen Dank schon einmal :)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    1. Deaktiviere die externe Auslagerungen/Einbindungen über irgendwelche Shortpixel Server.
    2. Deaktiviere die Funktionen in Autoptimize, die sich auf Bilder beziehen.
    3. Deaktiviere Plugins, die tief in jede Ausgabe eingreifen, z.B. Real Cookie Banner


    Vergleiche dann die Geschwindigkeit.

    4 Mal editiert, zuletzt von b3317133 (12. August 2023 um 19:08)

    1. Deaktiviere die externe Auslagerungen/Einbindungen über irgendwelche Shortpixel Server.
    2. Deaktiviere die Funktionen in Autoptimize, die sich auf Bilder beziehen.
    3. Deaktiviere Plugins, die tief in jede Ausgabe eingreifen, z.B. Real Cookie Banner


    Vergleiche dann die Geschwindigkeit.

    Ich danke dir für deine schnelle Antwort, das habe ich soweit ich sehe gemacht, die Geschwindigkeit ist minimal runtergegangen. Wie erkenne ich denn, welche Plugins tief in die Ausgabe eingreifen? Bzw. einen Cookie Banner brauche ich doch auch?

  • Ergänzung zu 3. Deaktiviere auch a3 Lazy Load (das man jetzt erst sieht).

    Kurz: Erstmal alles raus, was ständig in die Ausgaben eingreift. Erst dann kann man erkennen, wo die tieferliegenden Performance Killer sind.

    4. Stelle zudem sicher, dass alle Bilder vorhanden sind, derzeit 404:

    Code
    <link rel="icon" href="https://barsbarsbatigol.de/wp-content/uploads/2022/11/elementor/thumbs/BBB-Logo-Rund-py1yig9fpvnze5iij2g70fepakuy5yhjicpnt0o3hq.png" sizes="32x32" />

    5. Finde heraus, warum Autoptimize manche Scripts nicht zusammenfügt, Beispiel:

    Code
    <script src='https://barsbarsbatigol.de/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2' id='wp-polyfill-inert-js'></script> <script src='https://barsbarsbatigol.de/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.11' id='regenerator-runtime-js'></script> <script src='https://barsbarsbatigol.de/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script src='https://barsbarsbatigol.de/wp-includes/js/dist/hooks.min.js?ver=c6aec9a8d4e5a5d543a1' id='wp-hooks-js'></script> <script src='https://barsbarsbatigol.de/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef' id='wp-i18n-js'></script>


    Tipp: Autoptimize selbst kann auch ein Performance Killer werden, wenn es unpassend eingerichtet ist. Im Zweifel auch mal komplett weglassen bei der Suche.

    6. Ergänzung: Hinterfragen ob man (erst jetzt sichtbare) Plugins wie Dynamic Visibility for Elementor braucht. Unterschiedliche Einstellungen je nach Breakpoint z.B. kann Elementor auch alleine.[size=24][/SIZE]

    7 Mal editiert, zuletzt von b3317133 (12. August 2023 um 20:00)

  • Wenn alle sonstige eingreifende Plugins deaktiviert sind, kann man sich im Code anschauen wie/was Du mit ACF gemacht hast bzw. ob es daran liegen kann. Dazu testweise einfach mal die Hälfte der ACF Ausgaben (oder auch sonstiger Ausgaben) auf den Register Seiten im Code auskommentieren. Dann die anderen Hälfte. Und dann wieder deren Hälfte, wenn man eine Verbesserung ermittelt. Das ist ein Weg, wie man Zeitfresser erstmal rudimentär ermitteln kann.

    Ergänzung: Selbstverständlich mit deaktiviertem Cache-Plugin, falls das unklar ist.

    3 Mal editiert, zuletzt von b3317133 (12. August 2023 um 20:12)

  • Hip-Hopper müssen gute Augen haben, wenn sie so winzige Schriften lesen können o_O


  • 6. Ergänzung: Hinterfragen ob man (erst jetzt sichtbare) Plugins wie Dynamic Visibility for Elementor braucht. Unterschiedliche Einstellungen je nach Breakpoint z.B. kann Elementor auch alleine.

    Ich habe bei ACF mit Templates gearbeitet, und bei manchen Einträgen müssen extrem viele Felder zur Verfügung stehen, bei manchen eher weniger. Mit der Zeit hat es dazu geführt, dass ich insgesamt über 500 Felder habe, die meisten aber größtenteils versteckt werden. Ich vermute, dass sich hier mein großer Fehler versteckt. Als Anfängerin fällt mir nur auch keine andere Lösung ein. Ich war schon froh, diese Möglichkeit gefunden zu haben.

  • Wenn alle sonstige eingreifende Plugins deaktiviert sind, kann man sich im Code anschauen wie/was Du mit ACF gemacht hast bzw. ob es daran liegen kann. Dazu testweise einfach mal die Hälfte der ACF Ausgaben (oder auch sonstiger Ausgaben) auf den Register Seiten im Code auskommentieren. Dann die anderen Hälfte. Und dann wieder deren Hälfte, wenn man eine Verbesserung ermittelt. Das ist ein Weg, wie man Zeitfresser erstmal rudimentär ermitteln kann.

    Ergänzung: Selbstverständlich mit deaktiviertem Cache-Plugin, falls das unklar ist.

    Ich hatte befürchtet, dass es soweit kommt :confused: Bisher kam ich immer damit klar, um echtes Codieren einen großen Bogen zu machen, und habe alles über Plugins erreicht. Jetzt ist es wohl an der Zeit, mich mit Code zu beschäftigen.

  • Es geht in dieser Phase nicht um echtes Codieren, sondern nach wie vor nur um das Herausfinden (über Weglassen), wo genauer das Problem liegt.

    Evtl. kannst Du mit dem aktuellen Wissen bzgl. was wirklich gebraucht wird auch ein ACF Template oder auch mehrere je nach Fall parallel neu aufbauen oder das bestehende duplizieren und für Tests zusammenstreichen usw.

    Von aussen ist es ansonsten schwer bzw. unmöglich, in so einem Fall wie hier zu sagen, das liegt an diesem ACF Feld oder an jenem.

    Die grundlegende Herangehensweise wie man Langsamkeit auf die Spur kommt, sollte damit aber schonmal klarer geworden sein.

    Diverse Ergänzungen.

    6 Mal editiert, zuletzt von b3317133 (12. August 2023 um 20:41)

  • Hab vielen lieben Dank, dass du dich mit mir als Anfängerin so ausführlich herumplagst :rolleyes: Ich werde morgen mit frischem Kopf an die Sache gehen und lernen, wie man auskommentiert (Dass ich hier als Anglistin mal lande...)!

    Einmal editiert, zuletzt von Joseph (16. August 2023 um 10:06)

  • Mach als erstes ein Komplett Backup, z.B. mit Updraft Plus o.ä., das Du leicht zurückrollen kannst. Und dann viele Datenbank Backups vor/nach einzelnen Schritten, geht auch mit Updraft. Und beschäftige Dich genauer mit den Tiefen diesen ACF Templates. Viel Erfolg.


  • Als totale Anfängerin habe ich mich vielleicht etwas übernommen und folgende Seite programmiert: https://barsbarsbatigol.de/

    Die Seite ist dir wirklich gelungen. Sieht tolle aus. ... nur die mukke ist jetzt nicht unbedingt meins.

    Ich habe mir deine Registerseite angesehen. Diese hat sich durch deine heutigen Änderungen bereits deutlich verbessert. Aber mein bevorzugtes Tool hat noch einige Stellen gefunden.

    https://gtmetrix.com/reports/barsbarsbatigol.de/echQQb2X/

    du hast einen 404
    deine grafik wird nicht gefunden
    https://barsbarsbatigol.de/wp-content/upl…jicpnt0o3hq.png

    du hast große (Dateigöße) Dateien auf der Seite zum Beispiel
    Die folgende Datei ist 3,32 MB groß
    https://barsbarsbatigol.de/wp-content/upl…e-1536x1536.png

    verwende WebP für die Datei. diese ist erheblich kleiner.

    auch das cover ist mit über 1M im falschen Dateiforamt
    Cover-1024x1024.png (1024×1024) (barsbarsbatigol.de)

    weiterhin viel Erfolg.

    Mit offenen Augen träumen

  • Die Seite ist dir wirklich gelungen. Sieht tolle aus. ... nur die mukke ist jetzt nicht unbedingt meins.

    Danke dir! Meins ist die Musik auch nicht, hab mich aber dran gewöhnt und die Texte wertschätzen gelernt - außerdem hat es echt Spaß gemacht, zu lernen wie man so eine Seite erstellt, Hip Hop hin oder her ;)

    Oh je, das mit den Bildern wird wohl ein Mammut-Projekt, mein Mann hat ja schon einiges an Bildern eingestellt. Das werden wir wohl erst nach und nach lösen können bzw. ab jetzt mehr drauf achten.

  • außerdem hat es echt Spaß gemacht, zu lernen wie man so eine Seite erstellt,

    Dass es echt Spaß macht, sieht man der Seite an. Hip Hop war jetzt auch in der Tagesschau.
    https://www.tagesschau.de/ausland/amerik…ewyork-100.html



    Oh je, das mit den Bildern wird wohl ein Mammut-Projekt, mein Mann hat ja schon einiges an Bildern eingestellt. Das werden wir wohl erst nach und nach lösen können bzw. ab jetzt mehr drauf achten.

    Das fehlende Bild kann man ja löschen oder nachreichen.

    Wenn man schlechte Sichtbarkeit bei Google hat und nur dann - kann man mit imagify oder ähnlichen Plugins die Bilder optimieren. Wenn die Sichtbarkeit bei Google gut ist - kann das Ändern der Bilder große Nachteile haben. Ich habe mit meiner Bildoptimierung damals meine Sichtbarkeit verloren und bis jetzt nicht zurück. egal

    Tipp: zukünftig die Bilder im WebP Format hochladen und wenn man möchte und es sinnvoll ist
    https://wordpress.org/plugins/imagify/

    ^- Vorteil für kleines Geld kann man ein Kontingent an Bildoptimierungen kaufen ohne Abozwang.

    Mit offenen Augen träumen


  • Das fehlende Bild kann man ja löschen oder nachreichen.

    Tipp: zukünftig die Bilder im WebP Format hochladen und wenn man möchte und es sinnvoll ist
    https://wordpress.org/plugins/imagify/

    Das fehlende Bild habe ich ersetzt, wer weiß, wann mir das abhanden gekommen ist o_O
    In Zukunft werden wir drauf achten, die Bilder von vorn herein komprimierter hochzuladen.
    Für ein Projekt, das kein Geld einbringt, geben wir schon ganz schön was aus dafür, deshalb habe ich mir ja überhaupt erst das Ganze beigebracht. Der Spaß dabei war ein Nebenprodukt :) Aber mit euren Tipps hier bin ich schon einen Schritt weitergekommen und bin euch sehr dankbar für eure Hilfe!


  • In Zukunft werden wir drauf achten, die Bilder von vorn herein komprimierter hochzuladen.

    Du kannst die Bilder vor der Veröffentlichung zum Beispiel zukünftig mit xnconvert nach WebP konvertieren.
    https://www.xnview.com/de/xnconvert/

    Anstelle 3 MB werden diese Bilddateien deutlich kleiner und damit schneller übertragen. Verbrauchen so auch weniger Strom bei der Leserin oder dem Leser und spart so CO2

    Du könntest die Optimierungsvorschläge von Google Lighthouse prüfen. Zum Beispiel
    https://pagespeed.web.dev/?utm_source=ps…=redirect&hl=de

    Eine durchschnittliche Webseite produziert 4.61 Gramm CO2 bei jedem Seitenaufruf. Bei Webseiten, die im Schnitt 10.000 Seitenaufrufe im Monat haben, macht das 553 Kilogramm CO2 im Jahr.
    Quelle: https://reset.org/wie-hoch-ist-d…seite-01102020/
    Tool: https://www.websitecarbon.com/

    Es freut mich, dass die Bilder zukünftig optimiert sind.

    Mit offenen Augen träumen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!