Cos'è il tempo di caricamento di una pagina (Page Loading Time)

Tempo di caricamento di una pagina, cos'è e come migliorarlo.

Il tempo di caricamento di una pagina è la quantità di tempo misurata in secondi che impiega un browser per richiedere, recuperare e visualizzare una pagina web dal server.

Non ci si dovrebbe sorprendere quando pagine diverse sullo stesso sito Web hanno tempi di caricamento diversi. Il tempo di caricamento di una pagina varia anche a seconda del browser utilizzato, del contenuto della pagina, della dimensione del supporto utilizzato, della posizione del server e della potenza del server e così via.

Perché il tempo di caricamento di una pagina è importante

Un tempo di caricamento di pagina veloce significa una buona esperienza utente, che a sua volta migliora il tuo SEO. Questo perché Google predilige i siti che hanno tempi di caricamento delle pagine più rapidi e li premia con un ranking più elevato. Più veloce è il tuo punteggio di velocità, migliore è la tua esperienza utente, quindi più alto è il tuo Google Rank.

Per desktop, Google consiglia 3 secondi come tempo massimo di caricamento della pagina per un sito web. Ma sui dispositivi mobili, il tempo consigliato da Google è inferiore a un secondo.

Inoltre, un tempo di caricamento della pagina ridotto può portare a una frequenza di rimbalzo inferiore e a migliorare le vendite, poiché gli utenti rimangono più a lungo sulla pagina. Inoltre, un veloce tempo di caricamento della pagina aumenta il numero di pagine che Google può scansionare e indicizzare su un sito web in una sessione.

Come controllare il tempo di caricamento di una pagina

Esiste una moltitudine di strumenti online per il test della velocità delle pagine, come as esempio Google Lighthouse o GTmetrix, e sono tutti gratuiti. Si dovrebbe quindi utilizzare questi risultati come punto di partenza per migliorare le proprie prestazioni e l'esperienza dell'utente.

Tuttavia, ricorda che ciascuno di questi strumenti utilizza metodi diversi per controllare il tempo di caricamento della pagina e i punteggi potrebbero differire. Quindi, ricorda di utilizzare più di uno strumento e di controllare regolarmente anche durante il processo di ottimizzazione. Tuttavia, se pensi di fare tutto bene, ma il tempo di caricamento della tua pagina non è ancora migliorato, potresti voler controllare i tuoi server di hosting.

I server di hosting possono influire sul tempo di caricamento della pagina?

In generale, la velocità e la posizione del server sono fattori significativi quando si tratta del tempo di caricamento della pagina. Si può spendere tempo e risorse per ottimizzare il proprio sito Web, ma se i server sono lenti, è una perdita di tempo. Pertanto, prima di scegliere un servizio di hosting, assicurati che possa supportare prima la tua quantità di traffico.

Altre volte, quando tutto è stato ottimizzato su un sito Web ei server sono abbastanza potenti, i risultati della velocità di caricamento sono ancora negativi. E questo può essere dovuto alla posizione del server che ospita il sito. Più l'utente è lontano dalla posizione del server, più lento è il tempo di caricamento della pagina.

Come migliorare il tempo di caricamento della pagina

1. Usa la cache
   Ogni volta che viene caricata una pagina, il browser deve scaricare le varie risorse all'interno di essa, come ad esempio i file di codice sorgente (CSS, HTLM, Javascript) nonché i file multimediali (immagini, video...). Utilizza la cache per salvare alcuni di questi file nel browser e ridurre la quantità di download necessaria durante il caricamento della pagina. La memorizzazione nella cache consente quindi di ridurre non solo il tempo di caricamento della pagina ma anche la banda utilizzata.
   
   
2. Ottimizza le tue immagini e altri media
   Più immagini e media hai su una pagina, più il browser impiega per caricarli. Quindi, più piccola è l'immagine, più velocemente verrà caricata la tua pagina. Ma come puoi farlo senza compromettere la qualità dei media? Semplice, usa strumenti di compressione come TinyPNG e il formato giusto, che supporti la scalabilità.
   
   In altre parole, scegli il tuo formato con saggezza. Ad esempio, PNG e JPEG sono formati di immagine leggeri. Ma nessuno dei due è ottimo per i loghi, che devono essere incontaminati indipendentemente dalle dimensioni o dalla risoluzione dello schermo. Quindi potresti utilizzare il formato SVG per i loghi, PNG per immagini trasparenti e JPEG per foto normali
   
   
3. Evita di utilizzare troppi reindirizzamenti di pagina
   In situazioni normali, quando accediamo ad un link, il browser invia la richiesta al server, il server conferma l'URL e quindi il browser lo recupera e lo visualizza. Tuttavia, in caso di reindirizzamento di una pagina, il server indirizzerà il browser alla nuova posizione dell'URL in cui il browser richiederà nuovamente una risposta di recupero dal server.
   
   Ciò significa che a causa del reindirizzamento, il tempo di risposta richiede il doppio, rallentando così il tempo di caricamento complessivo della pagina. Quindi, si dovrebbe cercare di evitare il più possibile i reindirizzamenti o utilizzarli con parsimonia.
   
   
4. Abilita la compressione GZIP sul tuo sito
   Analogamente all'ottimizzazione delle immagini, possiamo ridurre il tempo di caricamento della pagina utilizzando la compressione GZIP e riducendo le dimensioni del file o le dimensioni complessive della pagina. In questo modo il browser ha meno da scaricare, riducendo i tempi di caricamento. Infatti, tramite la compressione GZIP, è possibile risparmiare fino all'80% di larghezza di banda.
   
   
5. Ottimizza i tuoi file Javascript e CSS
   Innanzitutto, minimizza sempre il tuo codice Javascript e CSS per risparmiare spazio (larghezza di banda) e ridurre il tempo di caricamento della pagina ed evita di utilizzare JavaScript e CSS in linea. Posiziona i tuoi file CSS e Javascript in file esterni poiché JavaScript e CSS in linea vengono caricati ogni volta che un browser effettua una richiesta, sovrascrivendo le direttive di cache.
   
   Ciò significa che ogni volta che viene caricato il documento HTML, i file CSS e JavaScript vengono scaricati aumentando il consumo di larghezza di banda e il tempo di caricamento.
   
   Inoltre, i riferimenti agli script per Javascript o qualsiasi altro linguaggio dovrebbero essere in fondo al documento HTML, prima del tag </body>. Il codice dello script posizionato nella sezione di intestazione del documento Html interromperà il caricamento di tutto il resto sottostante, aumentando così il tempo di caricamento della pagina.
   
   Infine, W3C consiglia di inserire i riferimenti ai fogli di stile nel <head> del documento Html poiché aiuta a ridurre il tempo di caricamento della pagina, rendendo progressivo il rendering dello stile. In altre parole, stabilendo fin dall'inizio le regole di stile, il browser deve leggerle e comprenderle una sola volta. Quindi, quando incontra un elemento, tutto ciò che deve fare è identificare che è il momento - ad es. H1 - e sa già come visualizzarlo. Altrimenti, ogni volta che il browser incontra un elemento, dovrà identificare l'elemento, quindi applicare lo stile e solo allora potrà visualizzarlo.
   
   

Tecnologie con cui lavoriamo

Sviluppatori Flutter

Sviluppatori Javascript

Sviluppatori Laravel

Sviluppatori Node.js

Sviluppatori Prestashop

Sviluppatori React

Sviluppatori Blazor

Sviluppo frontend

Guide

Laravel

Elixir / Phoenix

Flutter

JSON Web Token

Node.js

Linux

Android

Inertia

Articoli

I Migliori Framework Web PHP nel 2024

Come utilizzare più database in Laravel

I Vantaggi delle PWA - Progressive Web App

Cos'è il tempo di caricamento di una pagina (Page Loading Time)

Guida ai certificati SSL

Programmazione Funzionale - Cos'è

Pratiche di Sicurezza per l'eCommerce nel 2023