Ich versuche, Bilder ohne Lazy Load oder JQuery mit Shopify aufzuschieben ⇐ Jquery

[Anonymous]

Ich verwende Shopify und habe einige Probleme mit der mobilen Geschwindigkeit. Auf meiner Homepage werden alle meine Bilder auf einmal geladen. Deshalb habe ich mich an Patrick Sextons Tutorial auf varvy.com gehalten: Artikel „Bilder ohne Lazy Load oder JQuery verschieben“ (https://varvy.com/pagespeed/defer-images.html). Ich weiß nicht, wo ich den eigentlichen HTML-Code und den Javascript-Code einfügen soll. Und muss ich den Code einmal pro Bild einfügen oder deckt der im Tutorial bereitgestellte Code alle Bilder ab?

Kann bitte jemand helfen?

Der bereitgestellte Code befindet sich am Ende von Patricks Artikel.
https://varvy.com/pagespeed/defer-images.html

Jede Hilfe wäre dankbar

Ich habe es noch nicht versucht Fügen Sie irgendwo Code ein, weil ich nichts kaputt machen möchte.