Fehler: Lange Ladezeit auf Handy

Karl Grosch's Avatar

Karl Grosch

17 Jun, 2020 12:43 PM

Produkt: Tao Contao
Contao-Version: 4.4.35
Browser und Browserversionen: edge

die Search Console berichtet plötzlich über 310 Seiten, die mobil zu langsam laden. MIt pagespeed insights geprüft, kommt der Hinweis, es seien mit 2446 zu viele DOM Elemente dafür verantwortlich. Soviel ich durch googeln verstehe, läge das am CSS.
Wie kann man die Anzahl der DOM elemente reduzieren?

  1. Support Staff 1 Posted by RockSolid Theme... on 17 Jun, 2020 01:18 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Mit der Anzahl der DOM-Elemente sind die HTML-Elemente die sich auf der Seite befinden gemeint.

    Auf Ihrer Seite befinden sich über die Hälfte der 2446 Elemente in den Navigationsmodulen.

    Wie kann man die Anzahl der DOM elemente reduzieren?

    Indem Sie Elemente auf der Website entfernen, z. B. die Dropdown-Navigation.

  2. 2 Posted by Karl-Ludwig Gro... on 18 Jun, 2020 09:39 AM

    Karl-Ludwig Grosch's Avatar

    Hallo & vielen Dank für Ihre Antwort.

    Probehalber habe ich die Drop-Down Menus in Mega-Menus umgewandelt. An der
    Anzahl der DOM´s
    ändern dies nichts. Pagespeed Insights bemängelt die lange Ladezeit bei
    Mobil. Die Ladezeit auf dem PC ist
    hingegen sehr gut.
    Insgesamt werden über 300 Seiten als zu langsam angezeigt (Search Console).
    Das mag etwas mit dem kürzlich ausgerollten Core-Update zu tun haben?

    Müssen die Layoutmodule ggf. für die mobile Darstellung des Themes
    angepasst werden, gibt es ein Update des Themes?

  3. Support Staff 3 Posted by RockSolid Theme... on 18 Jun, 2020 10:25 AM

    RockSolid Themes's Avatar

    Probehalber habe ich die Drop-Down Menus in Mega-Menus umgewandelt. An der Anzahl der DOM´s ändern dies nichts.

    Auch das Mega-Menu enthält sämtliche Navigationslinks wodurch es zu einer großen Anzahl von HTML-Elementen kommt. Um die Anzahl zu reduzieren müsste das Dropdown komplett entfernt werden.

    Pagespeed Insights bemängelt die lange Ladezeit bei Mobil.

    Eine lange Ladezeit kann von vielen Faktoren abhängen. Die Anzahl von 2500 DOM-Elementen trägt aus unserer Sicht jedoch nur einen sehr sehr kleinen Anteil an der Ladezeit. Eine Google-Ergebnisseite enthält z. B. auch über tausend DOM-Elemente.

    Das mag etwas mit dem kürzlich ausgerollten Core-Update zu tun haben?

    Ein Performance-Problem in Verbindung mit einer neuen Contao-Version ist uns nicht bekannt.

    Müssen die Layoutmodule ggf. für die mobile Darstellung des Themes angepasst werden, gibt es ein Update des Themes?

    Ein Performance-relevantes Theme-Update gibt es nicht.


    Den größten Anteil auf Ihrer Website bezüglich Ladegeschwindigkeit scheinen die vielen Bilder zu haben. Eventuell könnte die Aktivierung der neuen Contao-Einstellung „Lazy-Loading“ in den Bildgrößeneinstellungen einen Geschwindigkeitsvorteil bringen.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • dom-elemente.jpg 113 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac