Ridurre le dimensioni della pagina per un caricamento più rapido

Ridurre il tempo di caricamento delle pagine.

Ultimo aggiornamento 22 agosto 2024

Sebbene Squarespace disponga di una serie di misure per garantire tempi di caricamento rapidi, il contenuto aggiunto al tuo sito influisce sulla velocità di caricamento. Ad esempio, le pagine con molte immagini possono caricarsi lentamente, specialmente su dispositivi mobili e connessioni più lente.

Quando possibile, mantieni ogni pagina del tuo sito a 5 MB o al di sotto.

Usa questa guida per verificare le dimensioni delle singole pagine e per inserire le dimensioni della tua pagina in questo intervallo ideale. In questo modo si riduce il tempo di caricamento del sito. Per informazioni sui problemi comuni relativi al tempo di caricamento del sito, visita Il mio sito si carica lentamente.

Controllare la velocità di caricamento della pagina

Per avere un'idea del tempo di caricamento del tuo sito, utilizza strumenti come Pingdom, GTmetrix, PageSpeed Insights di Google o lo strumento di ispezione integrato nel tuo browser. Ad esempio, se utilizzi Google Chrome, puoi seguire la seguente procedura:

  1. Apri Strumenti per sviluppatori.
  2. Clicca sulla scheda Rete.
  3. Aggiorna la pagina per visualizzare il tempo di caricamento.

Tieni presente che questi strumenti sono ideali per i siti creati da zero e non per quelli realizzati con un CMS. Poiché i siti Squarespace utilizzano un CMS, alcuni strumenti possono restituire falsi negativi. Se visualizzi un errore o una velocità inferiore alla media mentre utilizzi questi strumenti, non significa necessariamente che il tuo sito abbia dei problemi.

Controllare le dimensioni della pagina

Se un caricamento di una pagina richiede più tempo del previsto, controlla le dimensioni della pagina.

Un modo per farlo è utilizzare gli strumenti per sviluppatori di Chrome:

  1. Apri Google Chrome. Se hai effettuato l'accesso a Squarespace, esci o apri una finestra privata del browser.
  2. Apri una nuova scheda.
  3. Apri Strumenti per sviluppatori di Chrome. Scorciatoie:
  • Mac - + Opzione + J
  • Windows - Ctrl + Shift + J
  1. Nella stessa scheda, apri la pagina che desideri controllare. Gli strumenti per sviluppatori devono rimanere aperti.
  2. In Strumenti per sviluppatori, clicca sulla scheda Rete. Se le informazioni non vengono visualizzate in questa scheda, aggiorna la pagina.
  3. Controlla le dimensioni totali della pagina nella parte inferiore dello schermo. Nell'esempio seguente, viene mostrate come "1.0 MB trasferito".
  4. Clicca sulla colonna Dimensioni per ordinare il contenuto della pagina in base alle dimensioni. Questa opzione mostra le parti della pagina che occupano più memoria e che potenzialmente la rallentano, specialmente sui dispositivi mobili. Il contenuto più grande sarà probabilmente costituito da immagini. Clicca sul nome del file per vedere l'immagine.

Devi puntare a una dimensione di pagina pari o inferiore a 5 MB. 1 MB è la dimensione più sicura per le connessioni cellulari. Se le dimensioni della pagina sono maggiori, consulta i nostri suggerimenti di seguito per ridurle.

Chrome_Dev.png

Ridurre le dimensioni della pagina

Poiché i contenuti della maggior parte delle pagine vengono caricati simultaneamente, le pagine con molti contenuti richiedono più tempo per essere caricate. Se una pagina supera i 5 MB, rimuovere contenuti o ridurre le dimensioni delle immagini può essere utile per il caricamento più rapido.

Per ridurre il contenuto di una pagina:

  • Assicurati che non ci siano più di 60 blocchi per pagina. Per rimuovere un blocco da una pagina, visita Eliminare i blocchi.
  • Se la pagina tratta più di un argomento, suddividilo in più pagine. Questo può anche semplificare ai visitatori la ricerca delle informazioni di cui hanno bisogno e contribuire a migliorare la SEO del sito.
  • Ridurre il numero di video. I contenuti incorporati come i video di YouTube o Vimeo possono aumentare i tempi di caricamento, soprattutto sui dispositivi mobili. Piuttosto, distribuisci i video su più pagine utilizzando dei link per aiutare i visitatori a navigare da una pagina all'altra.
  • Se la pagina di destinazione del tuo blog si carica lentamente, usa gli estratti del blog per aggiungere dei teaser per ogni post, piuttosto che mostrare il testo completo del post. Puoi anche abilitare le Pagine per dispositivi mobili accelerate per pubblicare post più velocemente sui dispositivi mobili.
  • Se il tuo sito utilizza Pagine indice impilate (versione 7.0), riduci il numero di sezioni, in particolare le sezioni con gallerie.

Aiutare le immagini a caricarsi rapidamente

Il caricamento di immagini e pagine di grandi dimensioni con molte immagini può richiedere molto tempo. Seguendo alcune procedure consigliate, puoi velocizzare le pagine ricche di immagini.

Riduci le dimensioni dell'immagine

Mantieni le immagini sotto i 500 KB con una larghezza compresa tra 1500 e 2500 px. Per caricare un file immagine più piccolo, ridimensionalo utilizzando un software di editing delle immagini di terze parti prima di caricarlo. Un compressore di immagini come JPEGmini può aiutare a ridurre le dimensioni del file senza sacrificare la qualità. Per maggiori informazioni sulle immagini, visita Formattare le immagini per la visualizzazione sul web.

Suggerimento

ottimizza le dimensioni delle immagini collegando l'estensione TinyIMG. TinyIMG sostituisce le immagini di dimensioni eccessive con versioni compresse, garantendo un caricamento delle pagine più rapido senza compromettere la qualità delle immagini. Anche se collaboriamo con servizi di terze parti per garantire il corretto funzionamento di Squarespace Extensions, le estensioni non rientrano nell'ambito della nostra assistenza. Possiamo aiutarti a collegare o scollegare le estensioni. Per tutte le altre domande, contatta direttamente il fornitore.

Non sovraccaricare le gallerie

Limita le gallerie a 50 immagini ciascuna. Pensa alle sezioni, ai blocchi e alle pagine della galleria come a delle vetrine, piuttosto che come un inventario totale.

Utilizza solo il formato immagini .jpg

Quando possibile, usa tipo di file immagine .jpg. Limita .gif o animazioni.

Abilitare il caricamento Ajax (versione 7.0)

Se il tuo sito è nella versione 7.0 e il tuo modello lo supporta, abilita il caricamento di Ajax. Ajax rende il caricamento della pagina più rapido e fluido. È ideale per le pagine ricche di contenuti, come le pagine del blog e della galleria.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.

Ridurre le dimensioni della pagina per un caricamento più rapido