Passa al contenuto principale

Suggerimenti sulle prestazioni

Ottimizza i tuoi PDF per un caricamento rapido e una migliore esperienza cliente.

Ottimizza la dimensione del file PDF

Punta a meno di 5 MB:

  • I file sotto i 5 MB si caricano velocemente
  • I clienti non aspetteranno download grandi
  • Gli utenti mobile in particolare necessitano di file piccoli

Comprimi i PDF:

  • Usa strumenti di compressione online
  • Riduci la qualità delle immagini a 150-200 DPI
  • Rimuovi i font incorporati non necessari
  • Appiattisci i livelli

Rimuovi il contenuto non necessario:

  • Elimina le pagine vuote
  • Rimuovi i livelli nascosti
  • Elimina la grafica non utilizzata
  • Comprimi le immagini incorporate

Scegli lo stile di visualizzazione giusto

Visualizzazione a pulsante = più veloce:

  • La pagina si carica immediatamente
  • Il PDF si carica solo quando il cliente clicca
  • Migliore per mobile
  • Migliore per più PDF

Visualizzatore incorporato = più lento:

  • Il PDF si carica con la pagina
  • I clienti aspettano l'inizializzazione del visualizzatore
  • Occupa spazio sullo schermo
  • Può rallentare il caricamento della pagina

Usa la visualizzazione a pulsante quando le prestazioni sono importanti.

Ottimizza per mobile

Mantieni i file piccoli:

  • I dati mobile sono più lenti
  • I clienti non aspetteranno file grandi
  • Sotto i 3 MB è ideale per mobile

Testa su dispositivi mobile reali:

  • Telefoni reali, non solo simulazione browser
  • Prova su 4G e 5G
  • Testa su connessioni lente

Usa la visualizzazione a pulsante:

  • I visualizzatori incorporati possono essere angusti su mobile
  • I pulsanti funzionano meglio su schermi piccoli
  • Il popup offre un'esperienza a schermo intero

Limita i PDF per pagina

Meno è più veloce:

  • Ogni PDF aggiunge tempo di caricamento (visualizzazione incorporata)
  • 1-3 PDF per pagina è ideale
  • Più di 5 può rallentare significativamente le pagine

Combina i contenuti correlati:

  • Un PDF completo invece di tanti piccoli
  • Riduce il numero di file da caricare
  • Più facile per i clienti trovare informazioni

Usa lo stato inattivo:

  • Nascondi i PDF stagionali quando non sono necessari
  • Riduce il carico anche se collegati
  • Attiva solo quando pertinente

Ottimizzazione delle immagini nei PDF

Riduci la dimensione delle immagini prima di aggiungerle al PDF:

  • Ridimensiona le immagini alla dimensione di visualizzazione (non usare originali di grandi dimensioni)
  • Comprimi le immagini (JPEG all'70-80% di qualità)
  • Usa il formato appropriato (JPEG per foto, PNG per grafica)

Limita le immagini nei PDF:

  • I PDF solo testo si caricano più velocemente
  • Le immagini devono essere necessarie
  • Considera le alternative testuali

Lazy loading

Come funziona:

  • I PDF si caricano solo quando visibili sullo schermo
  • I clienti che scorrono verso il basso attivano il caricamento
  • Risparmia larghezza di banda per i contenuti che non vengono visti

Abilitato automaticamente:

  • PDF Connect usa il lazy loading per impostazione predefinita
  • Non è necessaria alcuna configurazione
  • Funziona con entrambi gli stili di visualizzazione

Cache del browser

I PDF vengono memorizzati nella cache:

  • Il primo caricamento richiede tempo
  • Le visualizzazioni successive si caricano dalla cache
  • Molto più veloce per i clienti che ritornano

Svuota la cache con attenzione:

  • I PDF con cache precedente potrebbero essere mostrati
  • I PDF aggiornati vengono memorizzati rapidamente nella cache
  • È integrato il cache busting per gli aggiornamenti

Impatto sul caricamento della pagina

Testa la velocità della tua pagina:

  • Usa Google PageSpeed Insights
  • Controlla prima e dopo aver aggiunto i PDF
  • Punta a un impatto minimo

I visualizzatori incorporati rallentano di più le pagine:

  • Ogni visualizzatore incorporato aggiunge peso
  • Considera la visualizzazione a pulsante per punteggi migliori
  • La homepage in particolare necessita di caricamento rapido

Hosting e distribuzione

Distribuzione cloud:

  • PDF serviti da storage cloud veloce
  • CDN globale per accesso rapido in tutto il mondo
  • Ottimizzazione automatica

Nessuna penalità sulle prestazioni:

  • I PDF non rallentano il tuo negozio Shopify
  • Ospitati separatamente dal tuo negozio
  • Distribuzione veloce indipendentemente dal piano

Prestazioni con più PDF

La visualizzazione a pulsante scala meglio:

  • 10 PDF come pulsanti = impatto minimo sul caricamento
  • 10 visualizzatori incorporati = rallentamento significativo
  • Scegli con attenzione per pagine con più PDF

Carica su richiesta:

  • I pulsanti caricano i PDF solo quando cliccati
  • Migliore utilizzo della larghezza di banda
  • I clienti scelgono cosa caricare

Monitora le prestazioni

Controlla regolarmente:

  • Testa mensilmente le velocità di caricamento delle pagine
  • Esamina il feedback dei clienti
  • Monitora i reclami per caricamento lento

Tieni traccia delle dimensioni dei file:

  • Conosci la dimensione dei tuoi PDF più grandi
  • Comprimi i file anomali
  • Imposta una politica di dimensione massima (come il limite di 5 MB)

Testa su connessioni lente:

  • Simula la velocità 3G
  • Testa i dati mobile reali
  • Considera gli scenari peggiori

Lista di controllo per l'ottimizzazione rapida

Prima di caricare i PDF:

✅ Comprimi a meno di 5 MB
✅ Riduci la qualità delle immagini a 150-200 DPI
✅ Rimuovi le pagine vuote o non necessarie
✅ Appiattisci i livelli
✅ Incorpora correttamente i font
✅ Testa il tempo di caricamento

Dopo il caricamento:

✅ Usa la visualizzazione a pulsante quando possibile
✅ Limita i visualizzatori incorporati per pagina
✅ Testa su dispositivi mobile
✅ Controlla la velocità di caricamento della pagina
✅ Monitora l'esperienza del cliente

Strumenti per l'ottimizzazione

Compressione PDF:

  • Adobe Acrobat Pro
  • Smallpdf.com
  • PDF Compressor
  • Anteprima (Mac) - Esporta con Riduci dimensione file

Compressione immagini:

  • TinyPNG
  • ImageOptim
  • Photoshop - Esporta per web
  • Squoosh.app

Strumenti di test:

  • Google PageSpeed Insights
  • GTmetrix
  • WebPageTest
  • Browser DevTools

Passaggi successivi