Il First contentful paint è una metrica di percezione incentrata sull'utente. Si riferisce al tempo impiegato dal browser per eseguire il rendering del primo non elemento come immagini, testo o elementi canvas.

Avere una first contentful paint è importante in quanto gli utenti percepiranno che il tuo sito si sta caricando rapidamente, anche se non è strettamente così. Detto questo, un FCP non riguarda nemmeno l'inganno degli utenti, ma dà un'idea della velocità generale della tua pagina.

Eye10 visualizzerà il tuo punteggio FCP per desktop e dispositivi mobili. Fai attenzione ai punteggi visualizzati in rosso o arancione, il che significa che sono necessari miglioramenti.

Alcuni dei passaggi che potrebbero essere necessari per migliorare il punteggio FCP includono la visualizzazione del testo prima e durante il caricamento dei caratteri, la minimizzazione di HTML/CSS o Javascript, la rimozione di qualsiasi CSS inutilizzato, la riduzione del tempo al primo byte (TTFB), l'utilizzo di immagini SVG o WebP e per ridurre le dimensioni del DOM.

L'indice di velocità misura il tempo necessario affinché i contenuti del tuo sito vengano visualizzati per intero. Quindi, questo significa che tutti gli elementi della pagina sono stati completamente caricati e il tuo sito web appare nella sua forma visiva prevista. Tuttavia, l'indice di velocità non è una misura della velocità complessiva della pagina, ma piuttosto la percezione dell'utente che la pagina sia stata caricata.

Quindi, pensa all'indice di velocità in termini di esperienza utente, specialmente quando cerchi di ridurre la frequenza di rimbalzo dalle pagine, specialmente se queste pagine sono lente da caricare per i tuoi utenti.

Un indice di velocità ideale è compreso tra 0 e 3 secondi, dato ciò che sappiamo quando è probabile che gli utenti abbandonino una pagina se percepiscono che non si sta caricando abbastanza velocemente.

Se Eye10 mostra qualcosa di inferiore a un buon punteggio per l'indice di velocità dei tuoi URL, alcuni degli aspetti che dovresti considerare di implementare includono la riduzione delle risorse di blocco del rendering e la riduzione del lavoro del thread principale del tuo sito web.

Ricorda, come per ogni altro aspetto che può influire sulla velocità di caricamento del tuo sito, più complicati sono gli elementi, più è probabile che si verifichino problemi di velocità. Quindi a volte la semplicità è la cosa migliore quando si progetta un sito Web per ridurre tali errori costosi all'interno della più ampia strategia SEO.

Il sito medio è costituito da una grande varietà di elementi come intestazioni, testo, immagini, pulsanti, widget, tabelle e molti altri. Ciascuno di questi elementi varierà in termini di dimensioni, il che significa che impiegheranno diverse quantità di tempo per caricarsi correttamente per i tuoi utenti.

Largest contentful paint (LCP) è un metodo per misurare quanto sia ottimizzato il tuo sito web, tenendo conto di tutti questi diversi elementi nella pagina. In particolare, c'è spesso un elemento che spicca di più quando si misura la velocità di caricamento di una pagina a causa delle sue dimensioni. Quindi un punteggio LCP sarà basato principalmente su questo elemento che influirà quindi sull'ottimizzazione del tuo sito per la velocità complessiva.

I siti web responsive sono progettati pensando a diversi dispositivi. Ciò può significare che il tuo tempo LCP può variare su desktop rispetto a dispositivi mobili. Quindi, consideralo sicuramente quando cerchi di apportare miglioramenti all'ottimizzazione in termini di design. Ad esempio, se il tuo punteggio LCP è buono per desktop ma non per dispositivi mobili, solo i dispositivi mobili devono essere ottimizzati.

Alcuni dei passaggi che puoi intraprendere per migliorare un punteggio LCP scadente includono il ridimensionamento o la compressione delle immagini, il miglioramento del provider di hosting o delle capacità del tuo sito, utilizza una content delivery network (CDN) ed eliminare gli script di blocco del rendering.

Se utilizzi un modello di sito, fai attenzione alle sezioni Hero lente da caricare che possono avere un bell'aspetto visivo, ma possono richiedere un'eternità per essere caricate, specialmente se sono pesanti per l'immagine.

Time to interactive (TTI) è il tempo necessario affinché la pagina diventi completamente interattiva dopo che un utente è arrivato sulla pagina. Ciò significa in parole povere che una pagina può sembrare completamente pronta per l'uso, ma finché tutti gli elementi non sono stati caricati correttamente, non saranno effettivamente utilizzabili, il che può creare un'esperienza utente frustrante, soprattutto se la pagina contiene molti elementi interattivi.

Quello che sappiamo sulla velocità della pagina e sulla SEO è che gli utenti si aspettano che una pagina web venga caricata entro 3 secondi. Tuttavia, il TTI medio è in realtà di 22 secondi. Pertanto, gli utenti potrebbero trovarsi sulla pagina web stessa, ma gli elementi su cui stanno cercando di fare clic o interagire non sono immediatamente accessibili. Quindi questo non fornisce un'esperienza soddisfacente, specialmente se gli utenti presumono che la pagina sia rotta o glitch quando semplicemente non è ancora stata caricata.

Spesso, la causa di uno scarso punteggio TTI è dovuta alla presenza di troppi elementi Javascript in una pagina. Sebbene anche tutte le altre metriche di velocità, le misure di Eye10 siano strettamente correlate con il TTI. Quindi, è sicuramente il caso che affrontando qualsiasi altro problema con la velocità della tua pagina, il tuo TTI potrebbe migliorare da solo.

Total blocking time si riferisce al tempo impiegato tra la prima pittura di contenuto (contentful paint) e il tempo per il caricamento completo interattivo. Quindi, considera il tempo di blocco totale come un riepilogo di tutte le metriche di velocità della tua pagina.

Quando si calcola il tempo di blocco totale, vengono presi in considerazione gli input dell'utente come clic, tocchi sullo schermo o pressioni della tastiera. In particolare, per quanto tempo l'utente è "bloccato" dal completare una di queste azioni sulla tua pagina quando tenta di caricarla.

Alla fine, l'ottimizzazione della velocità della pagina del tuo sito web ha lo scopo di migliorare il tempo di blocco totale, che dovrebbe essere considerato il culmine di ciascuna delle altre metriche.

Cumulative layout shift (anche conosciuto come CLS) significa che il layout di una pagina si adatta al caricamento della pagina. Il motivo per cui si verifica CLS è spesso dovuto al modello selezionato o addirittura al modo in cui è stata progettata la pagina. Molto semplicemente, i browser tendono a caricare elementi su una singola pagina a velocità diverse. Pertanto, il modo in cui la pagina viene caricata potrebbe non dare una sensazione fluida durante la navigazione nella pagina e, in definitiva, alcuni elementi potrebbero essere così lenti da caricare che gli utenti smettono di aspettare.

Un esempio di una pagina con un punteggio CLS basso è la home page di Google. Noterai che questa pagina ha un numero minimo di elementi, il che la rende veloce da caricare e facile da navigare. Anche se non è il caso che il tuo sito Web debba contenere il minor numero di elementi possibile, tenere conto del modo in cui la tua pagina si carica è importante, soprattutto quando si tratta di evitare qualsiasi cambiamento nel layout.

Lo strumento pageSpeed di Eye10 semplifica la misurazione dello spostamento cumulativo del layout. Se la tua pagina web ha un punteggio CLS elevato, ti consigliamo di provare un modello di sito web diverso o di consultare uno sviluppatore per modificare gli elementi della tua pagina web in modo che vengano caricati con il minor numero possibile di CLS. Ricorda di testare il tuo sito su diversi browser e dispositivi quando apporti miglioramenti fino a quando il problema non viene risolto.

Ci sono una varietà di test di velocità del sito sul mercato. Sorprendentemente, ogni strumento può dare risultati diversi a causa della posizione dello strumento rispetto a dove si trova il tuo server, nonché delle capacità di quello strumento.

Ecco perché è importante controllare le informazioni sulla velocità della tua pagina su strumenti alternativi per cercare di identificare i modelli generali, nonché per scoprire ulteriori informazioni.

Lo strumento Pagespeed di Eye10 fornisce dati sia da Google Pagespeed Insights che da Gtmetrix. Ciò significa che non devi pagare per gli abbonamenti a diversi strumenti o addirittura passare il tempo a ripetere le ricerche su entrambi i siti: Eye10 mette insieme tutto ciò di cui hai bisogno in modo rapido ed efficiente.

Ecco una panoramica degli aspetti che ogni strumento ti dirà. Lo strumento Pagespeed metterà insieme questi risultati sulla pagina in modo che tu possa vedere cosa scopre ogni strumento contemporaneamente.

Quando inserisci il tuo URL nello strumento Pagespeed di Eye10, ti verranno presentati una serie di aspetti molto importanti da Google Pagespeed Insights.

Eye10 ti dà anche la possibilità di alternare tra letture mobili e desktop, così puoi avere un'idea completa della velocità con cui le tue pagine devono essere caricate su entrambe le opzioni del dispositivo.

Google Pagespeed Insights include il riepilogo del punteggio, la prima pittura di contenuto, l'indice di velocità, la pittura di contenuto più grande, il tempo per l'interazione, il tempo di blocco totale e il cambio di layout cumulativo.

Assicurati che i risultati dei dispositivi mobili e desktop vengano visualizzati in verde quando si passa da un tipo di dispositivo all'altro.

GTmetrix è un altro strumento popolare utilizzato per misurare la velocità delle pagine web. Ti consente di scoprire ancora più informazioni sulla tua pagina mentre ottieni una seconda opinione importantissima.

Gli aspetti che GTmetrix ti fornirà all'interno dello strumento Pagespeed includono un elenco dei principali problemi che influiscono sulle tue prestazioni, punteggio di Pagespeed, grado di prestazione, tempo di caricamento completo, dimensione totale della pagina e richieste.

Noterai che alcuni aspetti sono simili a Google Pagespeed Insights e altri aspetti offrono maggiori dettagli, come la dimensione totale della tua pagina e quanto tempo impiega la tua pagina per caricarsi completamente.

Di seguito abbiamo risposto ad alcune delle domande più frequenti su Pagespeed. Se non vedi la tua domanda di seguito, o se hai bisogno di aiuto specifico con lo strumento Pagespeed di Eye10, contattaci direttamente.

Pagespeed Insights è uno strumento ufficiale di Google e, dato che Google è il principale motore di ricerca al mondo, uno strumento del genere non sarebbe stato sviluppato se non fosse stato importante.

Alla fine, i motori di ricerca vogliono indirizzare gli utenti alle pagine che offriranno la migliore esperienza, dato che anche i motori di ricerca sono in competizione tra loro. Pertanto, i siti pertinenti che sono veloci da caricare saranno sempre preferiti ai siti lenti e non funzionanti.

Dopotutto, se gli utenti se ne vanno perché le pagine impiegano troppo tempo a caricarsi, anche se i tuoi contenuti sono stati metodicamente ottimizzati SEO, nessuno resterà a leggerli.

Quindi, vale sicuramente la pena guardare tutti i suggerimenti che Eye10 ti darà, in modo che il tuo sito si carichi rapidamente.

Google Pagespeed Insights classifica il punteggio dell'URL del tuo sito web rispetto alle seguenti categorie:

90-100 - Buono
58-89 - Discreto
0-49 - Cattivo

Idealmente, il caricamento del tuo sito dovrebbe richiedere da 1 a 3 secondi, tenendo presente che il 53% delle visite da dispositivo mobile viene abbandonato se la pagina impiega più di 3 secondi per il caricamento.

Guarda il punteggio che Eye10 ti fornisce per i tempi di caricamento della tua pagina sia per Google Pagespeed Insights che per GTmetrix, a seconda che si acceda al sito su desktop o dispositivo mobile.

Vedrai quindi una ripartizione di entrambi i punteggi insieme a un elenco di modifiche necessarie per migliorare il punteggio, in caso di rilevamento di problemi.

Lo strumento Pagespeed di Eye10 ti fornisce fino a 30 richieste al giorno su un pacchetto Professional o fino a 100 richieste al giorno sul nostro pacchetto Enterprise.

Inserisci il tuo URL e Eye10 farà il resto! Ti consigliamo di controllare la velocità di caricamento delle tue pagine regolarmente, soprattutto se di recente hai apportato modifiche al tuo sito, incluso il design o le capacità di hosting.

Sì, la velocità della pagina è un fattore di ranking correlato all'SEO tecnica.

I motori di ricerca non vogliono inviare utenti a siti che richiedono un'età per essere caricati, perché ciò si traduce in un'esperienza utente scadente. Quindi, se vuoi scalare le classifiche dei motori di ricerca, devi fare tutto il possibile per ridurre il tempo necessario al caricamento completo delle tue pagine.

Ci sono molti aspetti all'interno del tuo sito che possono essere ottimizzati per ottenere un tempo di caricamento del sito più rapido. Ecco una rapida occhiata alle cose principali che consigliamo di controllare.

Aggiorna le capacità di hosting del tuo sito web - Nel tempo, il traffico del tuo sito per non parlare delle dimensioni aumenterà probabilmente nel tempo. Assicurati che il tuo sito web sia in grado di gestire la quantità di traffico che riceve per dove si trova ora. Allo stesso modo, potresti aver selezionato un pacchetto di hosting che offre scarsi risultati per quanto riguarda il tempo di caricamento della pagina, quindi controlla la velocità con il tuo provider di hosting e confrontalo con altri provider per vedere se sei sul pacchetto giusto o meno.

Utilizza una CDN - Una CDN sta per rete di distribuzione dei contenuti. In sostanza, una CDN replica le versioni del tuo sito in server dislocati in tutto il mondo, riducendo il tempo necessario per caricare la tua pagina. Cerca di utilizzare una CDN se il tuo provider di hosting non si trova nello stesso paese del tuo pubblico di destinazione. Se hai un pubblico di destinazione globale per il tuo sito web, sono consigliati anche i CDN.

Ottimizza gli immagini - A differenza di un testo, i file di immagine hanno dimensioni molto più sostanziali. Se le dimensioni del file sul tuo sito non sono state ridotte prima del caricamento (ad esempio ridimensionando l'immagine), le tue immagini potrebbero mettere a dura prova le capacità di connessione dell'utente.

Controlla il codice del sito per errori - Indipendentemente da ciò su cui è stato costruito il tuo sito web (inclusi i modelli predefiniti), controlla che non ci siano errori evidenti o anomalie che rallentano le tue pagine.

Remuovi i popup - I popup sono uno dei tanti elementi che possono rallentare le tue pagine. Rimuovi tali funzionalità in modo che le tue pagine possano essere caricate il più velocemente possibile.

È facile farsi attirare da offerte di hosting economiche o anche scegliere i nomi più popolari sul mercato. Ma prima di eliminare qualsiasi pacchetto di hosting per il tuo sito, devi leggere le scritte in piccolo. In particolare, guarda la capacità del server che riceverai, assicurandoti di scegliere un pacchetto che soddisfi veramente le esigenze del tuo sito web.

Guarda anche per quanto tempo sarai vincolato al contratto, se dovessi aggiornare i server o addirittura cambiare provider. Può essere un processo complicato cambiare provider di hosting e alcune piattaforme potrebbero imporre restrizioni che ti impediscono di farlo per un certo periodo di tempo.

Considera che se il provider di hosting non si trova nel tuo paese (cioè il tuo sito è nel Regno Unito ma il tuo sito web sarà ospitato negli Stati Uniti), sarà richiesta una CDN. Quindi, idealmente, il provider di hosting dovrebbe sempre trovarsi nello stesso paese del tuo sito per evitare completamente questo problema. Sebbene per tutti i siti con un'audience globale (es. blog), è comunque consigliabile una CDN.

Assicurati di controllare anche le recensioni degli utenti. Scegli la piattaforma di hosting con i migliori pacchetti in base a capacità e indennità, insieme a una che ha un'assistenza clienti dedicata.

Certo, non tutti gli imprenditori o le startup hanno il budget per uno sviluppatore web o un designer. Ma, come con ogni altro servizio di cui il tuo sito web ha bisogno, senza le competenze necessarie per garantire un risultato professionale, a lungo termine potrebbe costare di più risolvere il problema.

Gli sviluppatori web sono responsabili della creazione del tuo sito, mentre i web designer si prendono cura dell'aspetto effettivo del tuo sito. Entrambe le specializzazioni possono funzionare per garantire che il tuo sito si carichi rapidamente. Se hai un sito esistente che è lento da caricare, il nuovo design dovrà eliminare tutti i problemi del design attuale e questo obiettivo può essere raggiunto solo con la giusta esperienza al tuo fianco.

In ogni caso, ti consigliamo di utilizzare il nostro strumento Pagespeed e di guardare la ripartizione analitica per vedere dove si trova attualmente il tuo sito web. Allo stesso modo, se il tuo sito web è attualmente attivo, i dati ti indicheranno la giusta direzione quando si tratta di capire quali aspetti del tuo sito web stanno rallentando le cose.

Un altro motivo per cui sviluppatori e designer web sono parte integrante del processo di creazione del sito web, è che possono consigliare quali elementi semplicemente non sono necessari da includere nel tuo sito web. Oppure, quelli che possono essere ottimizzati in modo che impieghino meno tempo per caricarsi sulla pagina.

Se stai progettando il tuo sito web, considera quali elementi la tua pagina ha veramente bisogno per completare la sua funzione prevista. Gli elementi non necessari non aggiungeranno valore ai tuoi utenti e, peggio ancora, rallenteranno la tua pagina.

Il nostro ultimo punto è assicurarci di non creare semplicemente il tuo sito e poi dimenticartene! Come per tutti gli aspetti della tua SEO, controllare regolarmente lo stato della velocità della tua pagina tramite lo strumento Pagespeed di Eye10 ti consentirà di affrontare rapidamente qualsiasi problema. In caso contrario, potresti essere completamente all'oscuro del fatto che alcune pagine sono lente da caricare causando un'esperienza utente scadente e un'elevata frequenza di rimbalzo.

Eye10 offre una generosa quantità di richieste giornaliere per Pagespeed Tool, quindi assicurati di usarle in modo che il tuo sito web tragga davvero vantaggio dal tuo abbonamento.