Blog

Pulsante "Carica altro" vs Caricamento automatico Infinite Scroll: quale è la soluzione migliore per PrestaShop?

Il team di PrestaShopAddons 7 minuti di lettura

Se hai deciso che l'impaginazione classica risulta poco intuitiva per il tuo negozio PrestaShop, la domanda successiva si divide in due: caricamento automatico e scorrimento infinito (i prodotti vengono caricati man mano che l'utente scorre la pagina) oppure un pulsante "Carica altro" (l'utente clicca per caricare il batch successivo). Entrambe le soluzioni sono basate su AJAX ed evitano il ricaricamento completo della pagina, ma le implicazioni in termini di UX, SEO e accessibilità differiscono in modo significativo.

Versione breve: Nella maggior parte dei casi, il pulsante “Carica altro” è la scelta vincente per l’e-commerce. Ecco perché, oltre alle situazioni in cui il caricamento automatico è la scelta giusta.

La differenza fondamentale: il controllo da parte dell'utente

Il caricamento automatico elimina la libertà di scelta dell'utente. La serie successiva di contenuti viene visualizzata indipendentemente dalla volontà dell'utente. Questo va bene per i contenuti in stile feed (Twitter, Instagram), dove il livello di coinvolgimento è basso. Per gli acquirenti e-commerce che confrontano i prodotti, invece, rappresenta un ostacolo:

  • L'acquirente trova il prodotto che gli piace mentre scorre la pagina
  • Clicca sul link e viene reindirizzato alla pagina del prodotto
  • Torna alla categoria
  • Il browser torna indietro — ma in quale punto? La pagina ora è più lunga rispetto a quando l'hanno lasciata

Questo problema della “perdita della posizione di scorrimento” è il motivo più citato per cui gli utenti detestano lo scorrimento infinito con caricamento automatico sui siti di e-commerce. La ricerca del Nielsen Norman Group lo identifica come uno dei primi tre motivi di lamentela riguardo allo scorrimento infinito nei contesti commerciali.

"Load-more" risolve il problema: l'utente ha il controllo, il DOM si espande solo quando lo richiede e il comportamento del pulsante "Indietro" del browser rimane prevedibile.

Confronto diretto

1. Controllo da parte dell'utente

Vincitore: load-more. Clic esplicito = azione intenzionale. L'utente è consapevole di ciò che sta facendo. I lettori di schermo annunciano il pulsante. Gli utenti che utilizzano la tastiera possono raggiungerlo con il tasto Tab.

2. SEO

Entrambe le soluzioni possono essere sicure: dipende dall'implementazione. La domanda fondamentale è: ogni “pagina” di prodotti ha un URL indicizzabile?

  • Carica altro + Aggiornamento URL: schema più sicuro. Clicca → recupera ?page=2, aggiorna l'URL del browser, aggiunge i prodotti. Googlebot può eseguire la scansione ?page=2, ?page=3 direttamente.
  • Caricamento automatico + aggiornamento URL tramite l'API History: è sicuro anche se fatto nel modo giusto. L'URL si aggiorna man mano che l'utente scorre oltre una certa soglia. Googlebot continua a eseguire la scansione degli URL impaginati.
  • Uno dei due modelli senza Aggiornamenti degli URL: compromette il posizionamento SEO per qualsiasi risultato oltre la prima pagina. Contesto completo: Impaginazione vs Infinite Scroll.

3. Accessibilità (A11y)

Vincitore: load-more, senza dubbio. Un pulsante con la corretta aria-label È un elemento interattivo standard riconosciuto da tutte le tecnologie assistive. I lettori di schermo lo annunciano. Gli utenti che utilizzano la tastiera vi accedono tramite il tasto Tab.

Il caricamento automatico richiede aria-live regioni per annunciare “altri 20 prodotti caricati”, gestione dei punti focali e navigazione alternativa — funzionalità che molti moduli tralasciano. Se è richiesta la conformità alle WCAG (settore pubblico dell’UE, aziende B2B), impostare “carica altri” come opzione predefinita.

4. Comportamento del pulsante “Indietro”

Vincitore: load-more. Poiché ogni caricamento corrisponde a un'azione dell'utente, la cronologia del browser risulta più ordinata. Gli utenti possono utilizzare il pulsante "Indietro" da una pagina di prodotto e tornare alla posizione in cui si trovavano durante lo scorrimento.

Il caricamento automatico richiede un'attenta history.replaceState e la logica di ripristino dello scorrimento. La maggior parte delle implementazioni predefinite compromette l'esperienza utente del pulsante "Indietro".

5. Prestazioni su dispositivi mobili

Dipende dalle dimensioni del catalogo.

  • Catalogo di piccole dimensioni (meno di 200 prodotti): il caricamento automatico va bene, il DOM rimane gestibile
  • Ampio catalogo (oltre 500 prodotti): "load-more" è più sicuro: è l'utente a decidere quando aggiungere nodi DOM. Il caricamento automatico può causare uno scorrimento infinito e far lievitare l'utilizzo della memoria sui telefoni di fascia media

6. Monitoraggio analitico

Load-more è facilmente tracciabile. Un evento di clic per ogni batch. Il caricamento automatico richiede l'attivazione degli eventi in base a una soglia, che molte implementazioni ignorano — pertanto la tua dashboard GA4 mostra “tutti gli utenti che visualizzano la pagina 1” quando in realtà metà di essi ha fatto scorrere la pagina fino alla pagina 5.

7. Percezione dell'intenzionalità

Si tratta di un fenomeno psicologico, ma reale. Cliccando su “Mostra altro” l’utente ha la sensazione di andare avanti (“Sto ancora cercando”). Il caricamento automatico può essere percepito come passivo o fonte di ansia: c’è sempre “altro”. Le ricerche sull“”architettura delle scelte” suggeriscono che, nei contesti commerciali, una scelta limitata dia risultati migliori rispetto a una scelta infinita.

8. Comportamento del pavimento (cosa c'è sotto i prodotti?)

Le categorie presentano spesso dei contenuti sotto la griglia dei prodotti: il testo descrittivo della categoria (importante ai fini SEO), le categorie correlate, i contenuti in evidenza e il piè di pagina.

  • Caricamento automatico spinge tutti i contenuti del piè di pagina fuori dalla visualizzazione su dispositivi mobili. I contenuti SEO che si trovano al di sotto della griglia vengono raramente visualizzati dagli utenti.
  • Carica altro mantiene il piè di pagina visibile. Una volta caricato l'ultimo blocco, l'utente raggiunge effettivamente la fine della pagina e vede il piè di pagina in modo naturale.

Quando è opportuno utilizzare lo scorrimento infinito con caricamento automatico

Il caricamento automatico non è sempre sbagliato. Ecco alcune situazioni in cui risulta vantaggioso:

  • Scoperta dei prodotti in stile feed — moda, arredamento: navigare con l’impostazione “mostrami tutto ciò che è bello”
  • Categorie esplorative — idee regalo, collezioni stagionali, scelte della redazione
  • Cataloghi di piccole e medie dimensioni (meno di 500 prodotti per categoria) laddove le dimensioni del DOM rimangono ragionevoli
  • Pagine con pochi contenuti — non c'è nulla di importante sotto la griglia, quindi il fatto che lo “scorrimento infinito non raggiunga mai il fondo” non ha importanza
  • Contesti di social commerce — Presentazione in stile Instagram Shop e TikTok Shop

Quando "carica altro" è la scelta giusta

  • Categorie di intenzioni di ricerca — acquirenti alla ricerca di articoli specifici (la maggior parte del commercio B2C)
  • Cataloghi di grandi dimensioni (oltre 500 prodotti per categoria)
  • Negozi fondamentali per la SEO — il traffico organico è un canale fondamentale
  • Requisiti di accessibilità — Conformità alle WCAG di livello AA o settore pubblico
  • Traffico prevalentemente da dispositivi mobili dove la memoria e il ripristino delle rotelle sono fondamentali
  • Negozi B2B dove gli acquirenti confrontano le caratteristiche tecniche in modo sistematico

Modalità configurabile — automatica o manuale

Alcune implementazioni offrono entrambe le modalità come opzioni configurabili — sia lo scorrimento automatico puro che l'attivazione tramite pulsante esplicito — in modo da poterle alternare in base al tipo di categoria, alle esigenze di analisi dei dati o ai requisiti di accessibilità. Il Modulo Infinite Scroll per PrestaShop lo presenta come un'impostazione di back-office: modalità automatica predefinita, modalità a pulsanti attivabile con un semplice spuntino, consentendoti di verificare quale funziona meglio sul tuo negozio senza modifiche al codice.

Approccio pratico: iniziare con lo scorrimento automatico (minore attrito, migliore esperienza mobile per la maggior parte delle categorie commerciali) e passare alla modalità con pulsanti per le categorie in cui l’accessibilità o la parità analitica sono più importanti — categorie B2B all’ingrosso, negozi del settore pubblico o qualsiasi catalogo in cui il monitoraggio per lotto sia una priorità.

Note di implementazione per PrestaShop

Gli aggiornamenti degli URL non sono negoziabili

Qualunque sia lo schema scelto, l'URL deve aggiornarsi man mano che gli utenti navigano. In assenza di aggiornamenti dell'URL:

  • Googlebot non riesce a raggiungere la pagina 2 e le successive
  • Gli utenti non possono condividere una vista specifica
  • Il pulsante "Indietro" non consente di tornare alla posizione precedente
  • La funzione dei segnalibri non funziona

Utilizzo history.pushState() (quando si clicca sul pulsante "Carica altro") oppure history.replaceState() (per gli eventi di scorrimento con caricamento automatico, per evitare di alterare la cronologia del pulsante "Indietro").

Soluzione alternativa per l'impaginazione per i crawler

Garantire l'accessibilità ?page=2 URL che funzionano con JavaScript disabilitato (o durante il primo ciclo di scansione di Googlebot). L'impostazione predefinita di PrestaShop per l'impaginazione gestisce questa situazione; i moduli di scorrimento infinito dovrebbero integrarsi con essa anziché sostituirla.

Dimensioni dei lotti di caricamento

24 prodotti per lotto è un buon valore predefinito. I lotti più grandi (36-48) riducono il numero di caricamenti necessari, ma possono risultare lenti su una connessione 4G. Effettuate i test su dispositivi reali, non solo tramite emulazione su desktop.

Gestire lo stato "vuoto"

Cosa succede quando l'utente arriva alla fine? Il caricamento automatico senza alcun feedback sembra non funzionare correttamente. Mostrare sempre il messaggio “Sei arrivato alla fine — X prodotti in totale” o un messaggio di completamento. Il pulsante “Carica altri” può semplicemente scomparire o cambiare in “Nessun altro prodotto”.

Domande frequenti

Google preferisce la funzione "Carica altro" rispetto al caricamento automatico?

Google ha mantenuto una posizione neutrale al riguardo sin dal 2019. Entrambe le soluzioni sono accettabili, purché gli URL impaginati esistano e siano indicizzabili. Ciò che Google fa penalizzare: contenuti invisibili senza l'interazione dell'utente che i bot non sono in grado di replicare. Entrambe le modalità soddisfano questo requisito quando gli URL vengono aggiornati.

Il caricamento automatico è considerato un “dark pattern”?

Non di per sé. I “dark pattern” presuppongono l’intenzione di ingannare gli utenti. Il caricamento automatico è una scelta neutra dal punto di vista dell’esperienza utente che, per caso, funziona male in alcuni contesti (ricerca e-commerce) e bene in altri (feed dei social). Tuttavia, il suo utilizzo nel settore delle notizie e dei media per aumentare artificialmente il coinvolgimento ha contribuito a conferirgli una reputazione negativa.

Posso effettuare un test A/B tra "Carica altro" e "Caricamento automatico" su PrestaShop?

Sì, utilizzando una delle alternative a Google Optimize (Google Optimize Next, VWO, Convert o una soluzione personalizzata lato server). Metriche di test: frequenza di rimbalzo, tasso di aggiunta al carrello, visite alla pagina dei dettagli del prodotto per sessione, valore del carrello. Si prevede un periodo di test di 3-6 settimane per ottenere risultati statisticamente significativi su un traffico tipico PrestaShop.

Che ne dici di “Carica altro” con un’opzione di paginazione di riserva?

Ottima soluzione. Il comando visibile è “Carica altro” (AJAX, senza ricaricamento della pagina), ma il codice HTML sottostante include anche un link di navigazione a pagine per gli utenti che non utilizzano JavaScript e per i crawler. Il meglio di entrambi i mondi: un’esperienza utente moderna per la maggior parte degli utenti e una soluzione alternativa sicura per tutti gli altri.

Quanti prodotti dovrebbe recuperare un lotto “Carica altri”?

Come nel caricamento iniziale — 24-36. La coerenza aiuta gli utenti a formarsi delle aspettative. Non caricare un numero inferiore di elementi nei clic successivi (dà l'impressione che lo stock stia finendo); non caricarne un numero nettamente superiore (dà una sensazione di sovraccarico).

In conclusione

Per l'e-commerce — e in particolare per i negozi PrestaShop — Il pulsante "Carica altro" con aggiornamenti dell'URL è l'impostazione predefinita più sicura e con un tasso di conversione più elevato. Il caricamento automatico va bene in contesti specifici (moda, navigazione esplorativa, cataloghi di piccole dimensioni), ma nel 2026 non è più la scelta ovviamente moderna che sembrava essere nel 2015.

Qualunque sia la vostra scelta, i requisiti imprescindibili sono l’aggiornamento degli URL per ogni batch e una pagina di fallback impaginata e indicizzabile: in assenza di questi elementi, entrambi i modelli danneggeranno la SEO. Confronto completo tra i modelli di impaginazione e di scorrimento infinito in Impaginazione vs Infinite Scroll in PrestaShop, e l'ottimizzazione più ampia delle pagine di categoria in Guida all'ottimizzazione delle pagine di categoria PrestaShop.