Come controllare e ottimizzare la velocità di un sito
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 GoogleCapire 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: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.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.Web Page test SITOWP.IT
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 webEcco alcuni Articoli che potrebbero interessarti:
- Consigli per velocizzare un sito web
- Come la velocità di un sito influisce sul posizionamento
- Core Web Vitals – Conoscerli e interpretarli
- Guida alla UX di un ecommerce
- Come scrivere contenuti di qualità
- Come creare Campagne Marketing
- Vuoi diventare fashion Blogger ? Ecco cosa fare
- Guida alla configurazione di Yoast Seo
- Pianificare la SEO
- Abbassare la Frequenza di rimbalzo
- Abbassare il tasso di abbandono del carrello