Lazy Loading deaktivieren

[MaCopine]

Hallo Leute,

ich bin gerade dabei die Seitengeschwindigkeit etwas zu optimieren.
Ich habe diesen Schnipsel gefunden - Header - bei dem Lazyloading wohl aktiviert ist.

Das suche ich verzweifelt im Shopify Code-Editor, kann den Punkt lazyloading jedoch nicht finden.
Hab gefühlt alles durch und auch mit einer Chrome Extension exakt hiernach gesucht, aber nichts gefunden.

Weiß jemand wo ich das finde bzw. wie ich das deaktivieren kann?

Vielen Dank!

macopine.de ist die Seite

[Gabe]

Hey @MaCopine 

Eigentlich dient das Lazy Loading einer verbesserten Page Experience deiner Kunden vor allem auf Handy. Also würde ich das nicht tun an deiner Stelle.

Um Lazy Loading in deinem Shopify-Theme zu deaktivieren, musst du den Code, der das Lazy Loading aktiviert, finden und anpassen. In deinem bereitgestellten Code sieht es so aus, als ob die Bilder Lazy Loading aktiviert haben, was durch die class="lazyautosizes lazyloaded" und loading="lazy" Attribute angezeigt wird.

Hier sind die Schritte, um Lazy Loading zu deaktivieren:

1. Finde den entsprechenden Codeabschnitt im Theme-Editor:

   • Gehe zu deinem Shopify Admin.
   • Klicke auf "Online-Shop" und dann auf "Themes".
   • Klicke auf "Anpassen" neben deinem aktuellen Theme.
   • Klicke auf "Theme-Actions" und dann auf "Code bearbeiten".

2. Suche nach Lazy Loading Attributen:

   • Suche im Code-Editor nach lazyload, lazyloaded oder loading="lazy".
   • Entferne diese Attribute oder ersetze sie durch loading="eager" oder entferne die loading-Eigenschaft komplett.

3. Anpassen des Codes:

   • In deinem Code solltest du die Abschnitte finden, in denen die Bilder Lazy Loading aktiviert haben. Zum Beispiel:

<img class="slideshow-image--desktop lazyautosizes lazyloaded" width="2737" height="1821" data-sizes="auto" data-src="//macopine.de/cdn/shop/files/Header5Neu_20x13_crop_center.jpg?v=1720871213" data-srcset="//macopine.de/cdn/shop/files/Header5Neu_375x500_crop_center.jpg?v=1720871213 375w, //macopine.de/cdn/shop/files/Header5Neu_2737x1821_crop_center.jpg?v=1720871213 2737w" alt="Ma Copine Startseite Header" sizes="1597px" srcset="//macopine.de/cdn/shop/files/Header5Neu_375x500_crop_center.jpg?v=1720871213 375w, //macopine.de/cdn/shop/files/Header5Neu_2737x1821_crop_center.jpg?v=1720871213 2737w" src="//macopine.de/cdn/shop/files/Header5Neu_20x13_crop_center.jpg?v=1720871213">

• Ändere es zu:

<img class="slideshow-image--desktop" width="2737" height="1821" data-sizes="auto" data-src="//macopine.de/cdn/shop/files/Header5Neu_20x13_crop_center.jpg?v=1720871213" data-srcset="//macopine.de/cdn/shop/files/Header5Neu_375x500_crop_center.jpg?v=1720871213 375w, //macopine.de/cdn/shop/files/Header5Neu_2737x1821_crop_center.jpg?v=1720871213 2737w" alt="Ma Copine Startseite Header" sizes="1597px" srcset="//macopine.de/cdn/shop/files/Header5Neu_375x500_crop_center.jpg?v=1720871213 375w, //macopine.de/cdn/shop/files/Header5Neu_2737x1821_crop_center.jpg?v=1720871213 2737w" src="//macopine.de/cdn/shop/files/Header5Neu_20x13_crop_center.jpg?v=1720871213">

• Entferne auch die noscript-Tags, wenn sie Lazy Loading beinhalten.

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.