„Mehr laden“-Schaltfläche vs. automatisches Laden von Infinite Scroll: Was ist besser für PrestaShop?

Wenn Sie zu dem Schluss gekommen sind, dass die klassische Paginierung für Ihren PrestaShop-Shop zu umständlich ist, teilt sich die nächste Frage in zwei Teile: Automatisches Laden, unendliches Scrollen (die Produkte werden beim Scrollen geladen) oder ein „Mehr laden“-Schaltfläche (Der Benutzer klickt, um den nächsten Datensatz abzurufen.) Beide sind AJAX-basiert, beide vermeiden ein vollständiges Neuladen der Seite, doch die Auswirkungen auf die Benutzererfahrung, die Suchmaschinenoptimierung und die Barrierefreiheit unterscheiden sich erheblich.

Kurzfassung: Die Schaltfläche „Mehr laden“ ist im E-Commerce in den meisten Fällen die beste Wahl. Hier erfahren Sie, warum das so ist, und in welchen Situationen das automatische Laden die richtige Entscheidung ist.

Der entscheidende Unterschied: die Kontrolle durch den Nutzer

Das automatische Laden nimmt dem Nutzer die Entscheidungsfreiheit. Die nächste Auswahl wird angezeigt, unabhängig davon, ob der Nutzer dies möchte oder nicht. Bei Inhalten im Feed-Stil (Twitter, Instagram), bei denen der Aufwand gering ist, ist das in Ordnung. Für E-Commerce-Kunden, die Produkte vergleichen, stellt dies jedoch ein Hindernis dar:

• Der Käufer findet das Produkt, das ihm gefällt, während er weiter nach unten scrollt
• Klickt darauf, gelangt zur Produktseite
• Zurück zur Kategorie
• Der Browser scrollt zurück – aber an welche Stelle? Die Seite ist jetzt länger als zu dem Zeitpunkt, als der Nutzer sie verlassen hat.

Dieses Problem, dass die “Scrollposition verloren geht”, ist der am häufigsten genannte Grund, warum Nutzer das automatische Laden beim unendlichen Scrollen auf E-Commerce-Websites ablehnen. Studie der Nielsen Norman Group Dies wird als eine der drei häufigsten Beschwerden über das „Infinite Scroll“ im E-Commerce-Kontext genannt.

„Load-more“ löst das Problem: Der Nutzer behält die Kontrolle, das DOM wächst nur, wenn er mehr anfordert, und das Verhalten der Zurück-Schaltfläche im Browser bleibt vorhersehbar.

Direkter Vergleich

1. Benutzersteuerung

Gewinner: load-more. Ein expliziter Klick = eine bewusste Handlung. Der Nutzer weiß, wozu er sich verpflichtet. Bildschirmleseprogramme verkünden die Schaltfläche. Nutzer, die mit der Tastatur arbeiten, können mit der Tabulatortaste dorthin navigieren.

2. SEO

Beides kann sicher sein – das hängt von der Umsetzung ab. Die entscheidende Frage: Verfügt jede “Seite” mit Produkten über eine crawlbare URL?

• Mehr laden + URL-Aktualisierung: sicherste Vorgehensweise. Klicken → ruft ab ?page=2, aktualisiert die Browser-URL und fügt Produkte hinzu. Googlebot kann die Seite crawlen ?page=2, ?page=3 direkt.
• Automatisches Laden + URL-Aktualisierung über die History-API: Auch sicher, wenn es richtig gemacht wird. Die URL wird aktualisiert, sobald der Nutzer über einen bestimmten Schwellenwert hinausscrollt. Googlebot crawlt paginierte URLs weiterhin.
• Eines der beiden Muster ohne URL-Aktualisierungen: macht SEO für alles, was über Seite 1 hinausgeht, zunichte. Vollständiger Kontext: Paginierung vs. Infinite Scroll.

3. Barrierefreiheit (A11y)

Gewinner: ganz klar „load-more“. Eine Schaltfläche mit der richtigen aria-label ist ein standardmäßiges interaktives Element, das von jeder assistiven Technologie erkannt wird. Bildschirmleseprogramme geben es laut an. Nutzer, die mit der Tastatur arbeiten, gelangen über die Tabulatortaste dorthin.

Für das automatische Laden ist Folgendes erforderlich: aria-live Regionen, die “20 weitere Produkte geladen” anzeigen, Fokusverwaltung und alternative Navigation – Funktionen, die viele Module auslassen. Wenn Sie WCAG-Konformität benötigen (öffentlicher Sektor in der EU, B2B-Unternehmen), sollten Sie standardmäßig „Load-More“ verwenden.

4. Verhalten der Zurück-Schaltfläche

Gewinner: load-more. Da jedes Laden einer Seite eine Benutzeraktion ist, bleibt der Verlauf des Browsers übersichtlicher. Benutzer können auf einer Produktseite auf die Zurück-Schaltfläche klicken und gelangen an die Stelle zurück, an der sie zuletzt gescrollt haben.

Das automatische Laden erfordert Sorgfalt history.replaceState sowie die Logik zur Wiederherstellung des Bildlaufs. Die meisten Standardimplementierungen beeinträchtigen die Benutzererfahrung beim Klicken auf die Zurück-Schaltfläche.

5. Leistung auf Mobilgeräten

Das hängt von der Größe des Katalogs ab.

• Kleiner Katalog (weniger als 200 Produkte): Das automatische Laden funktioniert gut, das DOM bleibt überschaubar
• Umfangreicher Katalog (über 500 Produkte): „load-more“ ist sicherer – der Nutzer bestimmt selbst, wann DOM-Knoten hinzugefügt werden. Beim automatischen Laden kann der Bildschirm endlos scrollen, was bei Mittelklasse-Smartphones zu einem enormen Anstieg des Speicherverbrauchs führen kann.

6. Analyse-Tracking

„Load-more“ lässt sich ganz einfach nachverfolgen. Ein Klick-Ereignis pro Batch. Das automatische Laden erfordert eine schwellenwertbasierte Ereignisauslösung, die viele Implementierungen überspringen – daher zeigt Ihr GA4-Dashboard “alle Nutzer, die Seite 1 aufrufen” an, obwohl die Hälfte von ihnen tatsächlich bis Seite 5 gescrollt hat.

7. Wahrgenommene Intentionalität

Das ist zwar ein psychologischer Effekt, aber dennoch real. Durch das Klicken auf “Mehr anzeigen” hat der Nutzer das Gefühl, voranzukommen (“Ich schaue mich noch weiter um”). Das automatische Laden kann passiv wirken oder Unbehagen auslösen – es gibt immer “mehr”. Untersuchungen zur “Wahlarchitektur” legen nahe, dass eine begrenzte Auswahl im kommerziellen Kontext besser funktioniert als eine unbegrenzte Auswahl.

8. Bodenbeschaffenheit (Was befindet sich unter den Produkten?)

Kategorien enthalten oft Inhalte unterhalb der Produkttabelle: Kategoriebeschreibung (SEO-relevant), verwandte Kategorien, hervorgehobene Inhalte, Fußzeile.

• Automatisches Laden verschiebt den gesamten Fußzeileninhalt auf Mobilgeräten unendlich weit aus dem Sichtbereich. SEO-Inhalte unterhalb des Rasters werden von Nutzern kaum wahrgenommen.
• Mehr laden sorgt dafür, dass die Fußzeile erreichbar bleibt. Nachdem der letzte Datenblock geladen wurde, gelangt der Nutzer zum tatsächlichen Seitenende und sieht die Fußzeile ganz natürlich.

Wann sich das automatische Laden beim unendlichen Bildlauf lohnt

Das automatische Laden ist nicht immer falsch. Situationen, in denen es Vorteile bietet:

• Produktentdeckung im Feed-Stil — Stöbern in den Bereichen Mode und Wohnkultur, wobei der Modus “Zeig mir alles Schöne” aktiv ist
• Explorative Kategorien — Geschenkideen, saisonale Kollektionen, Empfehlungen der Redaktion
• Kleine bis mittelgroße Kataloge (unter 500 Produkten pro Kategorie) wo die DOM-Größe in einem vernünftigen Rahmen bleibt
• Seiten mit wenig Inhalt — Unterhalb des Rasters befindet sich nichts Wichtiges, daher spielt es keine Rolle, dass der “unendliche Bildlauf nie den unteren Rand erreicht”
• Kontexte des Social Commerce — Präsentation im Stil eines Instagram-Shops bzw. eines TikTok-Shops

Wann „Load-More“ die richtige Entscheidung ist

• Kategorien nach Suchabsicht — Käufer, die nach bestimmten Artikeln suchen (der Großteil des B2C-Handels)
• Umfangreiche Kataloge (mehr als 500 Produkte pro Kategorie)
• SEO-relevante Shops — Organischer Traffic ist ein wichtiger Kanal
• Anforderungen an die Barrierefreiheit — Einhaltung der WCAG-Richtlinien der Stufe AA oder öffentlicher Sektor
• Vorwiegend mobiler Datenverkehr wo Speicherplatz und die Wiederherstellung von Schriftrollen eine Rolle spielen
• B2B-Shops wo Käufer die technischen Daten systematisch vergleichen

Konfigurierbarer Modus – automatisch oder manuell

Einige Implementierungen bieten beide Modi als konfigurierbare Optionen an – entweder reines automatisches Scrollen oder eine explizite Auslösung per Schaltfläche –, sodass Sie je nach Kategorietyp, Analyseanforderungen oder Barrierefreiheitsanforderungen zwischen ihnen wechseln können. Die Infinite Scroll-Modul für PrestaShop Zeigt dies als Backoffice-Einstellung an: Standardmäßig ist der Automatikmodus aktiviert, der Schaltflächenmodus ist nur ein Häkchen entfernt, sodass Sie ohne Programmieränderungen testen können, welche Variante in Ihrem Shop besser funktioniert.

Praktischer Ansatz: Beginnen Sie mit dem automatischen Bildlauf (geringere Reibung, besseres mobiles Erlebnis für die meisten E-Commerce-Kategorien) und wechseln Sie in den Schaltflächenmodus für Kategorien, in denen Barrierefreiheit oder die Gleichwertigkeit der Analysedaten eine größere Rolle spielen – beispielsweise im B2B-Großhandel, in Shops des öffentlichen Sektors oder in Katalogen, in denen die Nachverfolgung einzelner Chargen Priorität hat.

Implementierungshinweise für PrestaShop

URL-Aktualisierungen sind unverzichtbar

Unabhängig davon, für welches Muster Sie sich entscheiden, muss sich die URL beim Navigieren der Benutzer aktualisieren. Ohne URL-Aktualisierungen:

• Googlebot kann Seite 2 und folgende nicht erreichen
• Benutzer können eine bestimmte Ansicht nicht freigeben
• Die Zurück-Schaltfläche kann die Position nicht wiederherstellen
• Das Setzen von Lesezeichen funktioniert nicht

Verwendung history.pushState() (bei Klicks auf die Schaltfläche „Mehr laden“) oder history.replaceState() (bei automatisch geladenen Scroll-Ereignissen, um eine Verfälschung des Verlaufs der Zurück-Schaltfläche zu vermeiden).

Ausweichlösung für die Paginierung bei Crawlern

Barrierefrei gestalten ?page=2 URLs, die auch bei deaktiviertem JavaScript (oder beim ersten Crawling-Durchlauf von Googlebot) funktionieren. Die Standard-Paginierung von PrestaShop sorgt hierfür; Module für unendliches Scrollen sollten diese ergänzen, anstatt sie zu ersetzen.

Chargengrößen laden

24 Produkte pro Charge sind ein guter Standardwert. Größere Chargen (36–48) reduzieren die Anzahl der erforderlichen Ladevorgänge, können aber bei 4G zu Verzögerungen führen. Testen Sie dies auf echten Geräten und nicht nur in einer Desktop-Emulation.

Den leeren Zustand behandeln

Was passiert, wenn der Nutzer das Ende erreicht? Das automatische Laden ohne Rückmeldung wirkt fehlerhaft. Zeige immer die Meldung “Du hast das Ende erreicht – insgesamt X Produkte” oder eine Abschlussmeldung an. Die Schaltfläche “Mehr laden” kann einfach verschwinden oder in „Keine Produkte mehr“ umbenannt werden.

Häufig gestellte Fragen

Bevorzugt Google „Mehr laden“ gegenüber „Automatisches Laden“?

Google nimmt seit 2019 eine neutrale Haltung dazu ein. Beides ist zulässig, sofern paginierte URLs vorhanden und crawlbar sind. Was Google tut Abstrafen: Inhalte, die ohne Benutzerinteraktion nicht sichtbar sind und von Bots nicht nachgebildet werden können. Beide Muster erfüllen diese Voraussetzung, wenn URLs aktualisiert werden.

Gilt das automatische Laden als “Dark Pattern”?

Nicht grundsätzlich. „Dark Patterns“ setzen die Absicht voraus, Nutzer zu täuschen. Das automatische Laden ist eine neutrale UX-Entscheidung, die in manchen Kontexten (z. B. bei der Suche in Online-Shops) schlecht funktioniert, in anderen (z. B. bei Social-Media-Feeds) jedoch gut. Doch durch den Einsatz in den Nachrichten und Medien zur Steigerung der Nutzerinteraktion hat es einen negativen Ruf erlangt.

Kann ich auf PrestaShop einen A/B-Test zwischen „Load-More“ und „Auto-Load“ durchführen?

Ja, mit dem Nachfolger von Google Optimize (Google Optimize Next, VWO, Convert oder einer benutzerdefinierten serverseitigen Lösung). Zu testende Kennzahlen: Absprungrate, „In den Warenkorb“-Rate, Aufrufe der Produktdetailseite pro Sitzung, Warenkorbwert. Bei typischem PrestaShop-Traffic ist mit einer Testdauer von 3 bis 6 Wochen zu rechnen, um statistische Signifikanz zu erreichen.

Wie wäre es mit “Mehr laden” als Fallback für die Paginierung?

Hervorragendes Layout. Die sichtbare Steuerung ist “Mehr laden” (AJAX, kein Neuladen), aber der zugrunde liegende HTML-Code enthält außerdem einen paginierten Link für Nutzer ohne JavaScript und für Crawler. Das Beste aus beiden Welten – moderne Benutzererfahrung für die meisten Nutzer, sicherer Fallback für alle anderen.

Wie viele Produkte sollte ein “Mehr laden”-Durchlauf abrufen?

Genau wie beim ersten Laden – 24–36. Eine einheitliche Vorgehensweise hilft den Nutzern dabei, mentale Erwartungen zu entwickeln. Laden Sie bei nachfolgenden Klicks nicht weniger Elemente (das vermittelt den Eindruck, als gingen die Vorräte zur Neige); laden Sie auch nicht deutlich mehr (das wirkt überwältigend).

Fazit

Für den E-Commerce – und insbesondere für PrestaShop-Shops – Die Schaltfläche „Mehr laden“ mit URL-Aktualisierungen ist die sicherere Standardoption mit höherer Konversionsrate. Das automatische Laden eignet sich zwar für bestimmte Kontexte (Mode, exploratives Stöbern, kleine Kataloge), aber im Jahr 2026 ist es nicht mehr die offensichtlich moderne Wahl, als die es 2015 noch galt.

Egal, wofür Sie sich entscheiden: Unabdingbare Voraussetzungen sind URL-Aktualisierungen bei jedem Batch und eine crawlbare paginierte Ausweichlösung – ohne diese beiden Elemente wirken sich beide Muster negativ auf die Suchmaschinenoptimierung (SEO) aus. Einen vollständigen Vergleich zwischen Paginierung und unendlichem Scrollen finden Sie in Paginierung vs. Infinite Scroll in PrestaShop, sowie eine umfassendere Optimierung der Kategorieseiten in Leitfaden zur Optimierung der PrestaShop-Kategorieseite.