Event-Listener passiv machen,

  • Erhalte diese Fehlermeldung von PageSpeed Insights:

    "[size=18]Event-Listener passiv machen, um die Scrollleistung zu verbessern"

    ...und dazu folgende Empfehlung: "document.addEventListener('touchstart', onTouchStart, {passive: true});"

    Wie und wo kann ich dies so einbauen, bzw. gibt es eine andere Lösung?

    Danke für die Unterstützung.[/SIZE]

    Konzentration auf das Wesentliche.
    Trenne das WICHTIGE, vom unwichtigen.

    • 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

  • Das hängt stark davon ab wodurch dieser Code in deiner Seite eingefügt wird. Ein Link zu deiner Seite, wie in den Forenregeln beschrieben, könnte helfen dir zu helfen.


  • "Event-Listener passiv machen, um die Scrollleistung zu verbessern"

    ...und dazu folgende Empfehlung: "document.addEventListener('touchstart', onTouchStart, {passive: true});"

    Diese Zeile fügt einen Event-Listener für das `touchstart`-Event hinzu, der eine Funktion namens `onTouchStart` aufruft, wenn der Benutzer die Touch-Oberfläche berührt.

    Der Parameter `{passive: true}` bedeutet, dass der Event-Handler niemals `preventDefault` aufrufen wird, um das Scrollen zu verhindern. Dies ermöglicht es dem Browser, sofort auf das Scrollen zu reagieren, ohne auf JavaScript zu warten, und so eine zuverlässig flüssige Scroll-Erfahrung für den Benutzer zu gewährleisten.

    Passive Event Listeners and Scroll Performance | A Faster Web


    bzw. gibt es eine andere Lösung?

    nicht wirklich

    Mit offenen Augen träumen

  • Die Meldung bezieht sich auf jQuery, also eine zentrale Komponente von WordPress. Daran selbst kann man nichts ändern. Darauf zu verzichten ist möglich, führt aber vermutlich zu anderen Komplikationen in der Verwendung.

    Eine mögliche Lösung wird hier genannt: https://stackoverflow.com/questions/6035…lighthouse-repo

    Aber: das ist wirklich nur ein kleines Problem bei deiner ganzen Seite. Du solltest eher die anderen Dinge angehen und so etwas nach hinten schieben.

Jetzt mitmachen!

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