Astroid / Helix: Layout Shifts trotz optimierter Bilder (CLS Problem)

  • Joomla Version
    5.4.2
    PHP Version
    PHP 8.2.x
    Hoster
    All-Inkl

    Hi zusammen,

    ich stoße aktuell auf ein etwas nerviges Problem bei einem Projekt mit Astroid (hatte Ähnliches auch schon mal mit Helix).

    Obwohl alle Bilder sauber optimiert sind (WebP, feste Größen, lazy loading etc.), bekomme ich trotzdem spürbare Layout Shifts beim Laden der Seite. Vor allem im oberen Bereich (Header / Hero) springt der Content leicht nach, sobald bestimmte Elemente geladen werden.

    Was ich schon geprüft habe:

    feste Width/Height für Bilder gesetzt
    Fonts lokal eingebunden
    Preload für wichtige Assets ausprobiert
    Cache + Komprimierung aktiv

    Trotzdem bleibt ein kleiner CLS-Wert bestehen, den ich nicht wirklich sauber weg bekomme.

    Meine Vermutung ist, dass das eher vom Framework selbst kommt (z.B. dynamische Sections, Offcanvas, JS-initialisierte Elemente), aber ich bin mir nicht ganz sicher.

    Hat jemand ähnliche Erfahrungen mit Astroid oder Helix gemacht?
    Gibt es da typische “Stellen”, die man übersehen könnte?

    Würde mich interessieren, wie ihr solche Dinge sauber löst, gerade wenn man auf gute Core Web Vitals achten will.