, ,

Come controllare e ottimizzare la velocità di un sito

velocizzare sito web
velocizzare sito web Imparare a controllare la velocità del tuo sito non deve essere scoraggiante. Questa breve guida ti fornirà le basi e ti indicherà la giusta direzione.

Non esiste una singola metrica

La prima cosa da capire è che non esiste una singola metrica o misurazione per la “velocità”. Non esiste un numero semplice che puoi utilizzare per misurare la velocità di caricamento delle tue pagine. Pensa a cosa succede quando carichi un sito web. Ci sono molte fasi differenti e molte parti differenti che possono essere misurate. Se la connessione di rete è lenta, ma le immagini si caricano velocemente, quanto è “veloce” il sito? Anche se provi a semplificare tutto questo concetto in qualcosa come “il tempo necessario per caricarlo completamente”, è comunque difficile dare a questo un dato univoco. Ad esempio, una pagina che impiega più tempo a “completare il caricamento” può fornire una versione “leggera” funzionale mentre la pagina intera è ancora in fase di download in background. È “più veloce” o “più lento” di un sito web e-commerce che si carica più velocemente, ma che non posso utilizzare fino al termine del caricamento? La risposta è “dipende” e ci sono molti modi diversi in cui possiamo pensare o misurare la “velocità del sito”. Da questo dipende molto del Posizionamento Google

Capire il processo di caricamento

Dal momento in cui fai clic su un link (o premi “invio” nella barra degli URL), inizia un processo per caricare la pagina richiesta. Questo processo contiene molti passaggi, ma possono essere raggruppati in fasi generali che assomigliano a questa: linea temporale Google sitespeedQui sopra la “sequenza temporale di un secondo” dalla documentazione sulla velocità del sito di Google Sebbene la documentazione di Google possa essere un pò ambiziosa riguardo ai tempi di queste fasi, il modello è utile. In sostanza, il processo può essere descritto con tre fasi di caricamento.
Leggi anche la guida per creare un sito con WordPress

1. Rete

Innanzitutto, il dispositivo deve connettersi a Internet. Di solito, ciò comporta lo spostamento dei dati attraverso cavi in ​​fibra transatlantici. Ciò significa che sei limitato dalla velocità della luce e dalla velocità con cui il tuo dispositivo può elaborare le informazioni. È difficile misurare o influenzare questa parte del processo!

2. Server

Qui, il tuo dispositivo chiede al tuo server una pagina e il server la prepara e restituisce la risposta. Questa sezione può diventare un pò tecnica, poiché si concentra sulle prestazioni dell’hardware del server, dei database e degli script. Potrebbe essere necessario chiedere aiuto al proprio provider hosting WordPress o al team tecnico.

NewRelic

Possiamo misurare le prestazioni del server con strumenti come NewRelic o DataDog, che monitora il modo in cui il tuo sito si comporta e risponde “dall’interno”. Forniranno grafici e metriche su cose come query di database lente e script lenti. Grazie a queste informazioni, puoi capire meglio se il tuo hosting è all’altezza e se devi apportare modifiche al codice, al tuo tema / plugin / script. A proposito se ancora non hai le idee chiare su cosa sia un Hosting leggi la nostra pagina “Cos’è un Hosting“.

Il plugin Query Monitor per WordPress

WordPress ha anche alcuni ottimi plugin per fare questo tipo di analisi: siamo grandi fan di Query Monitor. Questo fornisce un’ottima panoramica su quali singoli bit di WordPress potrebbero rallentarti, che si tratti dei tuoi temi, plug-in o ambienti.

3. Browser

Questa fase è dove la pagina deve essere costruita, disposta, colorata e visualizzata. Il modo in cui vengono caricate le immagini, in cui JavaScript e CSS vengono elaborati e ogni singolo tag HTML sulla tua pagina influisce sulla velocità di caricamento delle cose. Possiamo monitorare alcuni di questi con strumenti che scansionano il sito web e misurano come si carica. Consigliamo di utilizzare più strumenti, poiché misurano le cose in modo diverso e sono utili per valutazioni diverse. Per esempio: WebPageTest è ottimo per fornire una visualizzazione “a cascata” del sito web e del modo in cui vengono caricate tutte le risorse. Google PageSpeed ​​Insights è un po ‘semplicistico, ma fornisce “metriche utente reale” del tuo sito web, direttamente da Google. Lighthouse for Chrome fornisce un’analisi incredibilmente sofisticata delle prestazioni e del comportamento del sito, ma può essere difficile da digerire! La Console per gli sviluppatori di Chrome ti mostra esattamente cosa succede mentre il tuo sito viene caricato, sul tuo computer, nel tuo browser. Il rapporto sulla velocità in Google Search Console mostra la velocità o il rallentamento del caricamento delle pagine in un dato momento.
Web Page test SITOWP.IT

Web Page test SITOWP.IT

Questi tipi di strumenti sono ottimi per individuare cose come immagini che devono essere ottimizzate, dove il tuo CSS o JavaScript è lento o dove stai aspettando che le risorse vengano caricate da altri domini.
Leggi la Guida Search Console per Principianti

Metriche universali

Nonostante tutte queste parti variabili, ci sono alcune metriche universali che ha senso misurare per tutti i siti, da e per cui ottimizzare. Questi sono: Time until first byte, che è il tempo necessario prima che il server risponda con alcune informazioni. Anche se il tuo front-end è velocissimo, questo ti rallenterà. Misuralo con Query Monitor o NewRelic. Time until first contentful (and meaningful) paint soddisfacente (e significativa), ovvero il tempo necessario affinché i contenuti visivi chiave (ad esempio un’immagine hero o un’intestazione di pagina) appaiano sullo schermo. Misura con Lighthouse per Chrome. Time until interactive, che è il tempo necessario affinché l’esperienza sia visibile e reagisca al mio input. Misura con Lighthouse per Chrome. Si tratta di metriche molto più sofisticate di un semplice “quanto tempo ci è voluto per il caricamento” e, forse ancora più importante, hanno un focus incentrato sull’utente. Il miglioramento di queste metriche dovrebbe essere direttamente correlato alla soddisfazione degli utenti, che è estremamente importante per la SEO. Puoi leggere ulteriori informazioni su queste metriche nella documentazione di Google.

Racchiudere questo in un processo

Utilizza uno strumento “esterno”, come WebPageTest per generare un diagramma a cascata di come viene caricato il sito web. Identifica i colli di bottiglia con i server e il back-end. Cerca tempi di connessione lenti, handshake SSL lenti e ricerche DNS lente. Utilizza un plug-in come Query Monitor o un servizio come NewRelic per diagnosticare cosa si sta bloccando. Apporta modifiche a server, hardware, software e script. Identifica i colli di bottiglia con il front-end. Cerca tempi di caricamento ed elaborazione lenti su immagini, script e fogli di stile. Utilizza uno strumento come Google PageSpeed ​​Insights o Lighthouse for Chrome per suggerimenti su come semplificare il caricamento della pagina. Usa Lighthouse per Chrome per misurare le tue metriche chiave, come il Time until first contentful (and meaningful) paint significativo e il Time until interactive. Fortunatamente, un provider hosting veloce come il Nostro Nitro Cloud e un plug-in di grandi prestazioni come WP Rocket possono aiutarti a ottenere grandi risultati fin da subito. Se vuoi ricevere una nostra consulenza immediata per la velocità del tuo sito, Contattaci Subito! Hai bisogno di velocizzare il tuo sito Web? Visita subito la nostra pagina servizi per velocizzare sito web

Ecco alcuni Articoli che potrebbero interessarti: