Riepilogo · Aggiornato maggio 2026

I migliori strumenti Shopify per mappe di calore nel 2026: 5 velocità testate e confrontate

Every Shopify heatmap tool adds JavaScript to your storefront. We tested 5 popular options and measured the real speed impact — from Clarity's tiny 22KB script to Hotjar's 470KB payload. Here's the data.

1. Confronto dell'impatto della velocità

Prima di approfondire funzionalità e prezzi, iniziamo con ciò che conta di più per i commercianti Shopify: quanto ogni strumento rallenta il tuo negozio? Abbiamo testato tutti e cinque gli strumenti su un negozio Shopify standard che esegue il tema Dawn con le app tipiche installate.

Strumento Dimensioni dello script Impatto sul tempo di caricamento Blocco del thread principale Impatto sulla velocità di pagina
Microsoft Clarity ~22KB +120ms +15ms Da -1 a -3 punti
Uovo Pazzo ~85KB +280ms +65ms Da -2 a -5 punti
Flusso del mouse ~180KB +410ms +110ms Da -3 a -8 punti
Arancio fortunato ~250KB +520ms +140ms Da -4 a -8 punti
Hotjar ~470KB +829ms +230ms Da -5 a -15 punti

Testato sul tema Shopify Dawn con 5 app comuni. Limitazione del 4G mobile. Fonte: progetto Web di terze parti + test interni.

Confronto visivo delle dimensioni dello script

Microsoft Clarity ~22KB
Uovo Pazzo ~85KB
Flusso del mouse ~180KB
Arancio fortunato ~250KB
Hotjar ~470KB

La differenza è drammatica. Lo script di Microsoft Clarity è 21 volte più piccolo rispetto a Hotjar e aggiunge Tempo di caricamento 7 volte inferiore. Per i negozi Shopify che già utilizzano più app e script di terze parti, la scelta di uno strumento di mappatura termica più leggero può fare la differenza tra il superamento e il fallimento dei Core Web Vitals. Non sai dove si trova il tuo negozio? Esegui un test di velocità Shopify gratuito per vedere come il tuo attuale strumento di mappatura termica influisce sulle prestazioni.

⚠️ Perché la velocità è importante per gli strumenti Heatmap

Il negozio Shopify medio carica già 15-25 script di app. L'aggiunta di uno strumento di mappatura termica può spingere il peso totale della pagina oltre il punto critico. Un aumento di 1 secondo del tempo di caricamento riduce le conversioni fino al 7% (studio Portent). E da marzo 2024, i Core Web Vitals influenzano direttamente il tuo posizionamento nelle ricerche di Google. Scegliere uno strumento più leggero non è solo una questione di velocità, ma anche di entrate.

2. Microsoft Clarity n. 1: il miglior strumento gratuito per mappe di calore

Impatto sulla velocità

+120ms

Il più leggero

Prezzo

$ 0/mese

Gratis per sempre

Ideale per

Tutti i negozi

Punto di partenza a rischio zero

Microsoft Clarity è il chiaro vincitore per la maggior parte dei negozi Shopify. È completamente gratuito: nessun limite di sessione, nessun limite di funzionalità, nessun livello premium, e il suo script da 22KB è di gran lunga il più leggero tra tutti i principali strumenti per mappe di calore.

Cosa ottieni: Fai clic, scorri e mappe di calore dell'area. Registrazioni di sessioni illimitate. Rilevamento automatico di clic furiosi, clic morti, scorrimento eccessivo e ritornelli rapidi. Un "Copilota" basato sull'intelligenza artificiale che fornisce automaticamente informazioni dettagliate sulla UX. Integrazione con Google Analytics 4.

Cosa non ottieni: Sondaggi, widget di feedback, interviste agli utenti, test A/B o chat dal vivo. Se hai bisogno di uno di questi, avrai bisogno di un secondo strumento, ma Clarity copre la mappa di calore e le nozioni di base sulla registrazione meglio della maggior parte delle alternative a pagamento.

Verdetto sulla velocità: Clarity aggiunge così poco sovraccarico che la maggior parte dei negozi Shopify non noterà una differenza misurabile nel punteggio PageSpeed. È l'unico strumento di mappatura termica che consigliamo di eseguire senza uno strumento di differimento degli script.

3. #2 Crazy Egg: ideale per test A/B + mappe di calore

Impatto sulla velocità

+280ms

Luce

Prezzo

$24/mese

Prova gratuita di 30 giorni

Ideale per

Squadre CRO

Mappe termiche + test A/B

Crazy Egg è un veterano nello spazio delle mappe di calore (fondato nel 2006 da Neil Patel e Hiten Shah). Il suo principale elemento di differenziazione: Test A/B integrato. You can go from spotting a problem in a heatmap to testing a fix — all within the same tool.

Cosa ottieni: Mappe termiche di clic, scorrimento, spostamento e coriandoli (i coriandoli suddividono i clic per fonte di riferimento, termine di ricerca e altro). Registrazioni delle sessioni. Test A/B con editor visivo. Analisi del traffico con snapshot. Funziona su domini illimitati.

Cosa non ottieni: Chat dal vivo, sondaggi, analisi dei moduli o monitoraggio dei visitatori in tempo reale. La funzionalità di registrazione della sessione è più semplice di quella di Clarity o Hotjar.

Prezzo: A partire da $ 24/mese (piano standard: 75.000 visualizzazioni di pagina tracciate/mese). Il piano Plus a $ 49 al mese aggiunge 150.000 visualizzazioni di pagina e test A/B. Pro a $ 99 al mese include 500.000 visualizzazioni di pagina. Enterprise a $ 249 al mese per i negozi ad alto traffico. Tutti i piani includono membri del team e domini illimitati.

Verdetto sulla velocità: Con 85KB, lo script di Crazy Egg è leggero per uno strumento che include funzionalità di test A/B. L'impatto del tempo di caricamento di 280 ms è gestibile ed è facilmente posticipabile con Thunder per un impatto vicino allo zero.

4. #3 Lucky Orange: ideale per la chat dal vivo e le mappe di calore

Impatto sulla velocità

+520ms

Moderato

Prezzo

$ 39/mese

Piano gratuito disponibile

Ideale per

Supporto + UX

Chat dal vivo + monitoraggio

Arancio fortunato si distingue per una funzionalità che nessun altro strumento di mappatura di calore offre: Chat live integrata con co-browsing. Puoi guardare cosa sta facendo un visitatore in tempo reale e avviare una chat con lui, vedendo il suo schermo mentre aiuti. Per i negozi Shopify che apprezzano l'assistenza clienti, questo è un punto di svolta.

Cosa ottieni: Fai clic, scorri e sposta le mappe di calore. Mappe di calore dinamiche sovrapposte al tuo sito live. Registrazioni delle sessioni. Chat dal vivo con co-browsing. Cruscotto in tempo reale. Canali di conversione. Analisi dei moduli. Indagini di base. App Shopify nativa.

Cosa non ottieni: Test A/B, interviste agli utenti o approfondimenti basati sull'intelligenza artificiale. La funzionalità del sondaggio è basilare rispetto a quella di Hotjar.

Prezzo: Piano gratuito con 100 sessioni al mese. Piano di creazione a $ 39/mese (sessioni da 10.000). Piano di crescita a $79/mese (40.000 sessioni). Espandi il piano a $ 149/mese (100.000 sessioni). Tutti i piani a pagamento includono tutte le funzionalità.

Verdetto sulla velocità: At 250KB, Lucky Orange is heavier than Clarity and Crazy Egg but lighter than Hotjar. The extra weight comes from the live chat and real-time monitoring features. If you'd otherwise pay separately for a chat tool, the consolidated script may actually be lighter total.

5. #4 Mouseflow: ideale per l'analisi dei moduli

Impatto sulla velocità

+410ms

Moderato

Prezzo

$ 39/mese

Piano gratuito disponibile

Ideale per

Ottimizzazione del modulo

Analisi dettagliata del modulo

Mouseflow è una società di analisi danese che opera nel settore delle mappe di calore dal 2010. La sua caratteristica distintiva è analisi completa dei moduli : tiene traccia di ogni campo nei moduli, mostrando tassi di abbandono, tempo impiegato e modelli di riempimento. Per i negozi Shopify con flussi di pagamento complessi o moduli di lead generation, questo ha un valore inestimabile.

Cosa ottieni: Sei tipi di mappe di calore (clic, scorrimento, movimento, attenzione, geografia e un'esclusiva mappa di calore "attrito"). Registrazioni delle sessioni con rilevamento automatico dell'attrito. Analisi dettagliata dei moduli. Mappatura del percorso del cliente. Sondaggi di feedback. Canali di conversione.

Cosa non ottieni: Chat dal vivo, test A/B, monitoraggio dei visitatori in tempo reale o approfondimenti AI. La piattaforma si concentra profondamente sull'analisi piuttosto che sugli strumenti di azione.

Prezzo: Piano gratuito con 500 sessioni/mese e conservazione dei dati per 1 mese. Inizio a $ 39/mese (sessioni da 5.000, fidelizzazione di 3 mesi). Crescita a $79/mese (25.000 sessioni, 6 mesi di fidelizzazione). Business a $ 159/mese (100.000 sessioni, 12 mesi di fidelizzazione). I prezzi aziendali sono personalizzati.

Verdetto sulla velocità: Con 180KB, Mouseflow si trova al centro del gruppo. Il suo impatto sul tempo di caricamento di 410 ms è evidente ma non così pesante come Lucky Orange o Hotjar. La funzionalità della mappa termica di attrito è unica e vale il compromesso se l'ottimizzazione del modulo è la tua priorità.

6. #5 Hotjar: ideale per sondaggi e feedback degli utenti

Impatto sulla velocità

+829ms

Il più pesante

Prezzo

$ 39/mese

Piano gratuito limitato

Ideale per

Ricerca VoC

Sondaggi + feedback

Hotjar è lo strumento per mappe di calore più noto e, per una buona ragione: è stato il pioniere del pacchetto "mappe di calore + registrazioni + sondaggi". La sua più grande forza oggi è la sua Voce del cliente toolkit: sondaggi, punteggio NPS, widget di feedback e reclutamento per colloqui con gli utenti.

Cosa ottieni: Fai clic, scorri e sposta le mappe di calore. Registrazioni delle sessioni. Rilievi in ​​loco con logica condizionale. Widget di feedback in arrivo. Reclutamento e pianificazione dei colloqui con gli utenti. Canali di conversione. Analisi dei sondaggi basata sull'intelligenza artificiale. Integrazione con Google Analytics 4.

Cosa non ottieni: Chat dal vivo, test A/B, analisi dei moduli, monitoraggio in tempo reale o un'app Shopify nativa. Dovrai aggiungere manualmente lo script di monitoraggio.

Prezzo: Piano gratuito con 35 sessioni giornaliere (molto limitato). Inoltre a $ 39/mese (100 sessioni giornaliere). Business a $99/mese (500 sessioni giornaliere). Scala a $ 213+/mese (illimitato). Il prezzo per sessione di Hotjar lo rende l'opzione più costosa per i negozi ad alto traffico.

Verdetto sulla velocità: Con 470KB, Hotjar è lo strumento più pesante in questo confronto: quasi 4 volte più pesante di Crazy Egg e 21 volte più pesante di Clarity. Se utilizzi Hotjar, ti consigliamo vivamente di rinviarne lo script con Thunder per ridurre al minimo l'impatto dei Core Web Vitals. Vedi il nostro analisi dettagliata della velocità di Hotjar per i dati completi.

7. Tabella di confronto delle funzionalità

Caratteristica Chiarezza Uovo Pazzo Arancio fortunato Flusso del mouse Hotjar
Fai clic su Mappe di calore
Scorri le mappe di calore
Sposta le mappe di calore
Registrazioni della sessione ✅ Illimitato
Test A/B
Chat dal vivo
Sondaggi ✅ Base ✅ Avanzato
Modulo Analisi ✅ Avanzato
Approfondimenti AI ✅ Copilota
Dashboard in tempo reale
Rilevamento attrito ✅ Avanzato
Applicazione Shopify ✅Nativo
Integrazione GA4

8. Confronto dei prezzi

Strumento Piano gratuito Inizio pagato Livello intermedio Impresa
Microsoft Clarity Illimitato: gratuito per sempre N/A N/A N/A
Uovo Pazzo Prova di 30 giorni $24/mese (75.000 pv) $49/mese (150.000 PV) $249/mese (1 milione di PV)
Arancio fortunato 100 sessioni/mese $ 39/mese (sessioni da 10.000) $79/mese (40.000 sessioni) $ 149/mese (sessioni da 100.000)
Flusso del mouse 500 sedute/mese $ 39/mese (5.000 sessioni) $79/mese (25.000 sessioni) $ 159/mese (sessioni da 100.000)
Hotjar 35 sessioni giornaliere $ 39/mese (100/giorno) $99/mese (500/giorno) $213+/mese (illimitato)

Il quadro dei prezzi è chiaro: La chiarezza è imbattibile in termini di valore (gratuito, illimitato), Crazy Egg è l'opzione a pagamento più economica a $ 24 al mese e Hotjar è il più costoso per volumi di sessioni comparabili. Lucky Orange e Mouseflow offrono prezzi competitivi di fascia media con i loro vantaggi esclusivi.

Per un negozio Shopify che esegue 50.000 sessioni al mese, ecco il costo annuale: Chiarezza = $ 0. Uovo Pazzo = $588. Arancio fortunato = $ 948. Flusso del mouse = $ 948. Hotjar = da $ 1.188 a $ 2.556. Si tratta di una gamma vastissima di strumenti che offrono tutti mappe di calore e registrazioni di sessioni.

9. Come ridurre al minimo l'impatto sulla velocità di qualsiasi strumento

Indipendentemente dallo strumento di mappatura termica che scegli, puoi minimizzarne l'impatto sulla velocità. L'approccio più efficace è differimento dello script : caricamento dello strumento mappa termica dopo il rendering dei contenuti critici.

⚡ Ottimizzatore velocità pagina Thunder: differimento automatico dello script

Thunder rileva e rinvia automaticamente tutti gli script di terze parti, inclusi eventuali strumenti di mappatura termica, senza interrompere la funzionalità. Ecco la velocità di recupero per ciascuno strumento:

Impatto sul tempo di caricamento con Thunder attivo:

Chiarezza: 120ms → ~50ms
Uovo Pazzo: 280ms → ~80ms
Flusso del mouse: 410 ms → ~120ms
Arancio fortunato: 520ms → ~150ms
Hotjar: 829ms → ~200ms
Mantieni le tue mappe di calore, perdi il ritardo →

Piano gratuito disponibile · Nessuna carta di credito richiesta · Configurazione in 30 secondi

Altri suggerimenti per l'ottimizzazione

  • Limita a pagine specifiche: Esegui lo strumento mappa termica solo sulle pagine che stai analizzando attivamente, non sull'intero sito.
  • Disabilita funzionalità non utilizzate: Se hai bisogno solo di mappe di calore, disabilita le registrazioni delle sessioni (e viceversa) per ridurre il peso dello script.
  • Usa campionamento: Molti strumenti ti consentono di registrare solo una percentuale di sessioni: ciò riduce sia il carico del server che il sovraccarico sul lato client.
  • Controllare regolarmente: Usa il nostro test di velocità libera per verificare le prestazioni del tuo negozio con e senza lo strumento Heatmap.

10. La nostra raccomandazione

🏆 Per la maggior parte dei negozi Shopify: Microsoft Clarity

Inizia qui. È gratuito, ha il minimo impatto sulla velocità e copre il 90% di ciò di cui hai bisogno (mappe di calore + registrazioni + approfondimenti AI). Non puoi letteralmente sbagliare: non ci sono costi e il rischio di performance è minimo. Guarda la nostra recensione completa su Clarity.

🧪 Per i negozi focalizzati sulla CRO: Crazy Egg

Se hai bisogno di test A/B insieme alle mappe di calore, Crazy Egg è il miglior rapporto qualità-prezzo. Lo script leggero, i prezzi a pagamento più economici e la mappa termica dei coriandoli sono davvero utili per comprendere i segmenti di traffico.

💬 Per i negozi focalizzati sul supporto: Lucky Orange

La live chat con co-browsing è una proposta di valore unica. Se l'assistenza clienti è fondamentale per la tua attività e desideri consolidare mappe di calore e chat in un unico strumento, Lucky Orange è ciò che fa per te. Guarda il nostro confronto tra Lucky Orange.

📝 Per negozi con moduli pesanti: Mouseflow

Se la canalizzazione di conversione dipende dai moduli (lead generation, ordini personalizzati, pagamento in più passaggi), l'analisi dei moduli di Mouseflow è la più dettagliata disponibile. Anche la mappa termica dell'attrito è unica e veramente utile.

📋 Per la ricerca VoC: Hotjar

I sondaggi, i widget di feedback e gli strumenti per le interviste agli utenti di Hotjar sono ancora i migliori della categoria. Se la ricerca qualitativa guida le tue decisioni sui prodotti, Hotjar giustifica il suo costo più elevato e lo script più pesante: assicurati di farlo rinvia con Thunder.

Qualunque strumento di mappatura termica tu scelga, dai un'occhiata al nostro Guida alle alternative Hotjar per opzioni più focalizzate sulla velocità, leggi in che modo gli script di terze parti influiscono sulle prestazioni di Shopify per comprendere il quadro più ampio, oppure segui il nostro guida completa all'ottimizzazione della velocità per assicurarti che il tuo negozio rimanga veloce dopo aver aggiunto qualsiasi strumento di analisi. Per i negozi che pagano più di 5.000 dollari al mese, il Impatto sulle entrate derivante dai miglioramenti della velocità in genere paga più volte qualsiasi abbonamento alla mappa di calore.

11. Come impostare le mappe di calore su Shopify (passo dopo passo)

L'aggiunta di uno strumento mappa termica al tuo negozio Shopify richiede 5 minuti, indipendentemente dallo strumento scelto. Ecco il processo di configurazione universale:

Opzione A: app Shopify nativa (Lucky Orange, Clarity)

  1. 1. Trova l'app nell'App Store di Shopify
  2. 2. Fai clic su "Aggiungi app" e approva le autorizzazioni
  3. 3. L'app inserisce automaticamente il suo script di monitoraggio
  4. 4. Le mappe di calore iniziano a registrare in pochi minuti

Le app native gestiscono il posizionamento degli script per te: non è necessaria alcuna modifica del codice.

Opzione B: script manuale (Hotjar, Crazy Egg, Mouseflow)

  1. 1. Iscriviti allo strumento e copia lo script di monitoraggio
  2. 2. In Shopify Admin → Negozio online → Temi → Azioni → Modifica codice
  3. 3. Aperto tema.liquid e incolla lo script prima </head>
  4. 4. Salva e verifica con un test di velocità

Per ottenere i migliori risultati, installa anche Thunder per rinviare lo script e proteggere il tuo punteggio di velocità.

Suggerimento professionale: Dopo aver installato qualsiasi strumento di mappatura termica, esegui a test di velocità per misurare l'impatto reale. Se il tuo punteggio PageSpeed scende più di 5 punti, utilizza Thunder per rinviare automaticamente lo script di monitoraggio. La maggior parte dei negozi vede il proprio punteggio completamente recuperato entro i limiti del piano gratuito.

12. Domande frequenti

Qual è il miglior strumento gratuito per mappe di calore per Shopify?

Microsoft Clarity è il miglior strumento gratuito per mappe di calore per Shopify. Offre mappe di calore illimitate, registrazioni di sessioni e approfondimenti basati sull'intelligenza artificiale a costo zero con l'impatto sulla velocità più leggero di qualsiasi altro strumento di mappatura di calore principale (~22KB di script, +120ms di tempo di caricamento). Nessun altro strumento gratuito eguaglia la sua combinazione di funzionalità e prestazioni.

Gli strumenti delle mappe di calore rallentano i negozi Shopify?

Yes, all heatmap tools add JavaScript that impacts page speed. The impact ranges from minimal (Microsoft Clarity adds ~120ms) to significant (Hotjar adds ~829ms). The key is choosing a lightweight tool and using a script manager like Thunder to defer loading until after critical content renders.

Quale strumento di mappatura termica ha il minor impatto sulla velocità su Shopify?

Microsoft Clarity ha il minimo impatto sulla velocità con una dimensione dello script di circa 22 KB e un tempo di caricamento di +120 ms. Crazy Egg è il secondo più leggero con ~85KB e +280ms. Hotjar è l'opzione mainstream più pesante con ~470KB e +829ms. L'utilizzo di uno strumento di differimento degli script come Thunder può ridurre al minimo l'impatto di qualsiasi strumento.

Posso utilizzare le mappe di calore su Shopify senza influire sui Core Web Vitals?

Puoi ridurre al minimo l'impatto in modo significativo rinviando il caricamento dello script dello strumento mappa termica dopo il contenuto critico. Thunder Page Speed ​​Optimizer lo fa automaticamente. Con Thunder attivo, anche l'impatto da 829 ms di Hotjar scende a circa 200 ms. Microsoft Clarity è sufficientemente leggero (~120 ms) da influenzare a malapena i Core Web Vitals anche senza differimento.

Ne vale la pena Crazy Egg per i negozi Shopify?

Crazy Egg vale la pena considerare se hai bisogno di test A/B integrati insieme alle mappe di calore. Con circa 85KB, è più leggero di Hotjar e Lucky Orange. Il prezzo parte da $ 24 al mese. Tuttavia, se hai bisogno solo di mappe di calore e registrazioni, Microsoft Clarity ne offre di più gratuitamente. La proposta di valore di Crazy Egg è la combinazione di analisi visiva e test A/B.

Come posso installare uno strumento di mappatura termica su Shopify?

La maggior parte degli strumenti per mappe di calore si installa tramite uno snippet JavaScript aggiunto al file theme.liquid prima del tag di chiusura </head>. Lucky Orange dispone di un'app Shopify nativa per l'installazione con un clic. Per prestazioni ottimali, utilizza Thunder Page Speed ​​Optimizer insieme a qualsiasi strumento per mappe di calore: rinvia automaticamente lo script di monitoraggio per proteggere la velocità della tua pagina.

Shopify ha una funzione di mappatura termica incorporata?

No, Shopify non include la funzionalità di mappatura termica incorporata. Hai bisogno di uno strumento di mappatura termica di terze parti per visualizzare dove i visitatori fanno clic, scorrono e interagiscono nel tuo negozio. Microsoft Clarity è la migliore opzione gratuita: fornisce mappe di calore e registrazioni di sessioni illimitate senza limiti di traffico e con un impatto minimo sulla velocità (script da 22 KB). Installalo tramite un piccolo snippet JavaScript nel file theme.liquid oppure utilizza l'app Clarity Shopify per la configurazione con un clic.

Posso utilizzare due strumenti di mappatura termica su Shopify contemporaneamente?

Sì, ma fai attenzione all'impatto cumulativo della velocità. Una combinazione popolare è Microsoft Clarity (mappe di calore e registrazioni gratuite) più Hotjar (per sondaggi e feedback). Insieme aggiungono circa 950 ms di tempo di caricamento senza ottimizzazione. L'utilizzo di Thunder Page Speed ​​Optimizer per rinviare entrambi gli script riduce l'impatto combinato a circa 250 ms. Se combini gli strumenti, evita la sovrapposizione delle funzionalità: non eseguire due strumenti di registrazione della sessione contemporaneamente.

Quali sono i migliori strumenti per la mappatura dei siti web nel 2026?

I migliori strumenti per mappe di calore nel 2026 per Shopify sono Microsoft Clarity (migliore opzione gratuita, la più leggera a 22KB), Crazy Egg (migliore per test A/B, 85KB), Lucky Orange (migliore per chat dal vivo, app Shopify nativa), Mouseflow (migliore per analisi dei moduli, 6 tipi di mappe di calore) e Hotjar (migliore per sondaggi e feedback). Per la maggior parte dei negozi Shopify, Clarity offre il miglior valore con costi pari a zero e un impatto minimo sulla velocità.

Utilizza qualsiasi strumento Heatmap senza penalità di velocità

Thunder rinvia automaticamente Hotjar, Clarity, Lucky Orange e tutti gli altri script di terze parti in modo che i tuoi Core Web Vitals rimangano verdi. Non sono necessarie modifiche al codice. Controlla i piani per trovare la soluzione giusta per il tuo negozio.

Installa Thunder gratis →

Piano gratuito disponibile · Funziona con tutti i temi Shopify · Configurazione in 30 secondi