La velocità uccide: come controllare e migliorare la velocità e le prestazioni del tuo sito web

Quindi hai fatto tutto questo SEO e ottimizzazione delle conversioni sul tuo sito WordPress.

Stai ricevendo backlink, i tuoi contenuti sono fantastici, le tue pagine sono ottimizzate, stai ricevendo recensioni, hai un invito all'azione convincente e hai molti elenchi di attività commerciali accurati. Il tuo sito web è stupendo. Un'opera d'arte, davvero!

...ma l'ago non si muove. Come mai? La spiegazione potrebbe essere più semplice di quanto si pensi. Il tuo sito è probabilmente lento.

La scarsa velocità del sito è in realtà super comune. Anche il team di Vendasta ha vissuto in prima persona questo problema. Stiamo combattendo i problemi di velocità del nostro sito da un po' di tempo e abbiamo fatto progressi... ma ne parlerò più avanti.

Vedo questo problema tutto il tempo tra i marketer e le agenzie di marketing. Siamo quelli che dovrebbero "capire" ed essere i primi ad adottare le migliori pratiche come l'ottimizzazione della velocità della pagina del sito web. Tuttavia, lo strumento PageSpeed ​​Insights di Google dice il contrario su molti dei nostri splendidi siti Web ottimizzati per SEO e ricchi di contenuti.

Tutti dobbiamo fare meglio.

Ecco perché stai leggendo questo in questo momento, quindi andiamo al punto!

Sommario

Che cos'è la velocità della pagina?

Come determinare la velocità e il punteggio della pagina

Perché la velocità della pagina è importante?

1. La velocità uccide l'esperienza utente

2. La velocità uccide la SEO

3. La velocità uccide le conversioni

Come puoi velocizzare il caricamento del tuo sito web? 8 Tattiche

4 Casi di studio sulla velocità del sito

Come eseguire l'audit e l'ottimizzazione della velocità del sito

1. Ottieni una linea di base per i risultati del grafico

2. Lavora attraverso gli 8 passaggi

3. Chiedi aiuto quando necessario

4. Mantieni l'impegno per la velocità del sito andando avanti

Come sfruttare la velocità del sito per aumentare le vendite

Che cos'è la velocità della pagina?

La velocità della pagina è la quantità di tempo necessaria per il caricamento completo del contenuto della pagina di un sito web. In un mondo in cui le persone si aspettano risultati istantanei, più veloce è meglio.

Infatti, quasi la metà degli utenti Web si aspetta che un sito si carichi in 2 secondi o meno e tendono ad abbandonare un sito che non viene caricato entro 3 secondi, secondo i sondaggi condotti da Akamai e Gomez.com.

Lettura correlata: 58 statistiche spettrali per siti web

Quindi 3 secondi è la velocità minima che il visitatore medio tollererebbe. Il tipico sito web è all'altezza del compito? Pingdom ha utilizzato i propri clienti come fonte di dati e ha scoperto che per loro la risposta era un clamoroso NO.

Tra i clienti di Pingdom, il tempo medio di caricamento delle pagine web da 3Mb è stato di 5 secondi. Troppo lento.

Gli standard che molti hanno utilizzato per il tempo di caricamento della pagina provengono da uno studio condotto da Geoff Kenyon in cui confronta la velocità del sito Web con il resto del Web:

• se il tuo sito si carica in 5 secondi, è più veloce di circa il 25% del web
• se il tuo sito si carica in 2,9 secondi, è più veloce di circa il 50% del web
• se il tuo sito si carica in 1,7 secondi, è più veloce di circa il 75% del web
• se il tuo sito si carica in 0,8 secondi, è più veloce di circa il 94% del web

Quindi, come puoi determinare come si accumula il tuo sito web?

Come determinare la velocità e il punteggio della pagina

Ecco come misurare come il tuo sito web si confronta con le attuali aspettative degli utenti di cui abbiamo discusso in precedenza:

1. Entra nei rapporti sulla velocità del sito di Google Analytics del tuo sito web. Questo ti darà un'idea di come si è comportato il tuo sito in vari periodi di tempo e della velocità di caricamento di ciascuna delle tue pagine.
2. Inserisci l'URL del tuo sito nello strumento PageSpeed ​​Insights di Google. Questo ti darà una pagella sulle prestazioni di velocità del tuo sito web su dispositivi mobili e desktop. Il rapporto viene fornito con alcune azioni consigliate che puoi intraprendere per migliorare la velocità del tuo sito.
3. Controlla il test di velocità del sito Web di Pingdom per scoprire la velocità, il posizionamento e la percentuale più veloce rispetto alla media dei siti Web testati da Pingdom
4. GTMetrix fornirà uno sguardo completo allo stato di ottimizzazione della velocità del tuo sito.

Nota: non lasciarti perplesso quando vedi tempi di velocità diversi in Pingdom e Gtmetrix. Poiché Pingdom ti mostrerà il tempo di caricamento (il tempo necessario per mostrare il primo risultato del tuo sito Web - questo è ciò che Google conta e dovresti farlo anche tu) e GTmetrix ti mostrerà il tempo di caricamento completo (il tempo necessario per mostrare la pagina intera con il suo pieno funzionalità in esecuzione). Per una maggiore comprensione, è sempre utile vedere la cascata di velocità da entrambi gli strumenti.

Come parte del tuo controllo della velocità del sito (esaminerò più in dettaglio di seguito), utilizzerai questi strumenti per monitorare i tuoi progressi di ottimizzazione.

Lettura correlata: Come velocizzare il tuo sito mobile WordPress

Perché la velocità della pagina è importante?

Colmare il divario tra le aspettative degli utenti (2 secondi) e il tempo medio di caricamento del sito Web (5 secondi) è l'obiettivo dell'ottimizzazione della velocità della pagina e le tattiche che illustreremo in seguito. Ma perché conta esattamente la velocità della pagina? Si riduce a 3 ragioni principali interconnesse:

1. La velocità uccide l'esperienza utente

L'esperienza dell'utente è probabilmente il motivo più importante per cui dovresti preoccuparti della velocità del sito web, quindi inizieremo da qui.

Le persone non hanno più la pazienza per il caricamento lento dei siti web. All'inizio, il solo collegamento a Internet richiedeva una tolleranza che semplicemente non esiste più.

Sei abbastanza grande per ricordare questo dolce suono?

Oggi le persone sono costantemente online e hai 3 secondi al massimo per visualizzare la tua pagina o se ne vanno. Più di 3 secondi creano un'esperienza utente scadente e l'asticella non farà che aumentare in futuro.

Nel suo discorso sui "10 principi d'oro delle applicazioni Web di successo", l'imprenditore e blogger Fred Wilson osserva che,

“La velocità è la caratteristica più importante. Se la tua applicazione è lenta, le persone non la useranno. Lo vedo più con gli utenti tradizionali che con gli utenti esperti. Penso che gli utenti esperti a volte abbiano un occhio un po' comprensivo verso le sfide della creazione di app Web davvero veloci, e forse sono disposti a conviverci, ma quando guardo mia moglie e i miei figli, sono la mia visione principale di il mondo. Se qualcosa è lento, se ne sono semplicemente andati.

Il modo più semplice per pensarci è come navighi nei siti web e quali sono le tue aspettative per la maggior parte dei siti. Ti siedi lì e tolleri tempi di caricamento lenti? Qual è la tua impressione di un sito web che impiega un'eternità a caricarsi?

Lettura correlata: Guida in 10 passaggi adatta a Noob alla creazione di siti Web per piccole imprese

2. La velocità uccide la SEO

L'esperienza dell'utente è in realtà la forza trainante dietro le implicazioni SEO della velocità del sito.

Edwin Toonen di Yoast spiega,

“L'ultima ricerca di Google mostra che la possibilità di un rimbalzo aumenta del 32% quando il tempo di caricamento della pagina passa da 1 a 3 secondi. Da 1 a 5 secondi aumenta la possibilità al 90% e se il tuo sito impiega fino a 10 secondi per caricarsi, la possibilità di un rimbalzo aumenta al 123%. È incredibile. Per i motori di ricerca, risultati e prestazioni migliori sono un segno di un sito sano che soddisfa i clienti e quindi dovrebbe essere premiato con un posizionamento più elevato".

Mentre Google è stato lento nel rivelare ufficialmente se i siti Web lenti avrebbero ricevuto retrocessioni di classifica, sembra che quei giorni stiano arrivando. Devi assicurarti che il tuo sito Web e i siti Web che gestisci siano pronti.

3. La velocità uccide le conversioni

L'effetto della velocità del tuo sito sulle conversioni è ciò che dovrebbe davvero attirare la tua attenzione. Come puoi spostare le persone attraverso la tua canalizzazione se ogni passaggio richiede un'eternità? I tuoi super fan lo faranno, ma quelle nuove persone titubanti che sono inclini al rimorso degli acquirenti rimbalzeranno.

Ad esempio, SOASTA ha recentemente condotto uno studio su uno dei suoi clienti mPulse, un importante rivenditore online che gode di una quantità significativa (4,5 milioni di sessioni) di traffico mobile.

Ecco i loro principali risultati:

1. In termini di conversioni, il punto debole delle prestazioni è stato di 2,4 secondi
2. Le pagine che erano solo un secondo più veloci hanno registrato un aumento del tasso di conversione del 27%.
3. A 4,2 secondi, il tasso di conversione medio è sceso al di sotto dell'1%
4. Al raggiungimento dei 6 secondi, il tasso di conversione da dispositivi mobili inizia a stabilizzarsi

Fonte immagine: SOASTA

Le implicazioni sono abbastanza chiare. I tempi di caricamento della pagina lenti danneggiano il tasso di conversione. Quindi il ragionamento deduttivo in stile Sherlock indicherebbe che concentrarsi sull'aumento della velocità del sito dovrebbe aumentare il tasso di conversione!

Vediamo se riusciamo a farlo accadere.

Come puoi velocizzare il caricamento del tuo sito web? 8 Tattiche

Accelerare il tuo sito non sarà necessariamente un gioco da ragazzi. Se hai un sito piccolo e leggero, potresti dover provare solo un paio di tattiche in questo elenco.

Tuttavia, i siti grandi e meno recenti con molto codice e contenuto potrebbero richiedere una certa persistenza e l'implementazione di diverse tattiche nell'elenco seguente.

Ecco da dove iniziare:

1. Sfrutta la memorizzazione nella cache del browser:

Quando visiti i siti, il tuo browser spesso memorizza nella cache le pagine del sito per accelerare il tempo di caricamento.

La memorizzazione nella cache del browser memorizza i file delle risorse della pagina Web su un computer locale quando un utente visita una pagina Web, quindi sfruttare la memorizzazione nella cache del browser è quando istruisci i browser su come devono essere gestite le loro risorse.

Le cose possono rallentare quando la risposta dal tuo server non include le intestazioni di memorizzazione nella cache o se le risorse sono specificate per essere memorizzate nella cache solo per un breve periodo di tempo.

Sfruttare la memorizzazione nella cache caricherà le tue pagine molto più velocemente per i visitatori abituali, così come altre pagine che condividono le stesse risorse.

Nota: la SEO Content Strategist Maddy Osman osserva che "W3 Total Cache è ottimo per questo, ma è vietato da alcuni host (come GoDaddy). Ha bisogno di una mano esperta per configurare in modo da non danneggiare il tuo sito web.

Ecco come farlo

2. Ottimizza le immagini:

Se le immagini si caricano più velocemente, il tuo sito si carica più velocemente, punto. Google osserva che “...le immagini spesso rappresentano la maggior parte dei byte scaricati su una pagina. Di conseguenza, l'ottimizzazione delle immagini può spesso produrre alcuni dei maggiori risparmi di byte e miglioramenti delle prestazioni".

Ciò significa che puoi ottenere grandi miglioramenti quando le immagini sulle tue pagine possono essere ottimizzate per ridurre le dimensioni del file senza influire in modo significativo sulla loro qualità visiva.

Ecco come farlo

3. Minimizza HTML, CSS e JavaScript:

La minimizzazione rimuove tutti i caratteri non necessari che non sono richiesti per l'esecuzione del codice.

Le origini di dati ridondanti che è possibile rimuovere includono i commenti e la formattazione del codice, la rimozione del codice inutilizzato, l'utilizzo di nomi di variabili e funzioni più brevi e altro ancora.

Ecco come farlo

4. Abilita la compressione gzip:

La compressione Gzip riduce drasticamente le dimensioni dei file inviati dal tuo server quando qualcuno visita il tuo sito web. Questo accelererà notevolmente le cose.

Secondo GTMetrix,

“Il motivo per cui gzip funziona così bene in un ambiente web è perché i file CSS e i file HTML utilizzano molto testo ripetuto e contengono un sacco di spazi bianchi. Poiché gzip comprime le stringhe comuni, questo può ridurre le dimensioni delle pagine e dei fogli di stile fino al 70%!”

Ecco come farlo

5. Riduci i tempi di risposta del server:

Il tempo di risposta del server è il tempo impiegato da un server Web per rispondere a una richiesta da un browser. Questo è un problema chiave da affrontare, perché se il tempo di risposta del tuo server è lento, le tue pagine verranno visualizzate lentamente, indipendentemente da quanto siano ottimizzate per la velocità.

Google dice che dovresti ridurre il tempo di risposta del tuo server a meno di 200 ms. Allora come fai a farlo accadere?

Ecco come farlo

6. Evita i reindirizzamenti della pagina di destinazione:

Il tuo sito può davvero rallentare quando hai più di un reindirizzamento dall'URL dato alla pagina di destinazione finale. Ciò avvia un ciclo di reindirizzamento che richiede tempo per l'elaborazione.

Ecco alcuni esempi di reindirizzamenti che possono rallentare le cose:

example.com → m.example.com/home - penalità multi-andata e ritorno per utenti mobili.
example.com → www.example.com → m.example.com - esperienza mobile molto lenta.

Ecco come farlo

7. Dai la priorità ai contenuti visibili:

Questo è il messaggio esatto che riceverai dallo strumento PageSpeed ​​di Google quando sono necessari round trip di rete aggiuntivi per visualizzare il contenuto above the fold della pagina.

Questo contenuto "above the fold" è ciò che vedi su un desktop o un dispositivo quando visiti una pagina. Quindi dare la priorità ai contenuti visibili è la raccomandazione di dare la priorità alle cose in modo che gli elementi essenziali sulla tua pagina vengano caricati per primi (e rapidamente) per gli utenti e di rimandare gli elementi secondari della pagina come plug-in di condivisione social, javascript di analisi, ecc.

Ecco come farlo

8. Elimina JavaScript e CSS che bloccano il rendering nei contenuti above the fold:

Le risorse JavaScript e CSS spesso impediscono la visualizzazione della pagina fino a quando non sono completamente caricate. Questa è spesso una buona idea, dal momento che la visualizzazione prematura del tuo contenuto above the fold può sembrare piuttosto grottesca.

Tuttavia, questo è un messaggio comune che riceverai da Google sulla velocità del sito e affrontarlo può davvero aumentare la velocità della tua pagina di alcune tacche.

Ecco come farlo

Nota: questa è la cosa più difficile da risolvere per la maggior parte delle persone. Ci sono plugin wordpress che lo fanno, ma possono far sembrare il tuo sito come Frankenstein ad ogni caricamento.

Caso di studio: accelerare il blog di Vendasta

Quindi sto scrivendo questo post sulla velocità del sito, anche se Vendasta si trova a 44/100 per la velocità mobile (aggiornamento: siamo a 77/100 tre mesi dopo!) E 60/100 per la velocità desktop.

Fidati di me, sono consapevole che potrebbe esserci una domanda sulla credibilità della strada qui. Tuttavia, c'è di più nella nostra storia di quanto ti dirà lo strumento di analisi di Google.

In Vendasta, abbiamo lavorato molto sulla velocità del nostro sito, ma chiaramente non siamo ancora dove vorremmo essere. In realtà abbiamo apportato molti miglioramenti, ma abbiamo un sito di grandi dimensioni con un sacco di contenuti, quindi non siamo ancora al nostro obiettivo di 80/100 sia per dispositivi mobili che desktop.

Tuttavia, non siamo gli unici a lottare con la velocità del sito! Molti siti Web di alto profilo condividono le nostre stesse sfide. Infatti anche HubSpot ha del lavoro da fare per migliorare le performance del proprio sito secondo lo strumento PageSpeed ​​Insights di Google:

Questo non è un richiamo "colpi sparati" di HubSpot (rispetto!), Li sto solo usando come esempio per illustrare che migliorare la velocità del sito può essere una sfida, anche per i professionisti, e che tutti dobbiamo migliorare per soddisfare le esigenze della prossima generazione di utenti di Internet. Esegui alcuni dei tuoi siti preferiti attraverso lo strumento e capirai cosa intendo!

Come ho accennato in precedenza, ogni miglioramento apportato per accelerare le cose può avere risultati esponenziali.

Adam Bissonnette, tecnologo del marketing di Vendasta, osserva,

"Il grande cambiamento per noi è stato il lato server: siamo in una posizione unica eseguendo il nostro sito Web wordpress in AppEngine (nessuno lo fa) e i grandi miglioramenti delle prestazioni sono stati il ​​passaggio da AppEngine Standard ad AppEngine Flex che era in versione beta. Abbiamo anche cambiato la nostra versione di php da 5 a 7 che ha anche aiutato molto.L'aggiornamento di php ha portato una serie di problemi in cui alcuni plug-in non funzionavano più e abbiamo dovuto affrontare quella ricaduta per un mese o due, ma la velocità era più preziosa della funzionalità persa ."

Quello che puoi trarre da questo è che trovare la soluzione migliore per la tua situazione specifica è fondamentale. Potresti scoprire che le tattiche che muovono l'ago per il tuo sito che non abbiamo nemmeno menzionato qui!

Dai un'occhiata alla crescita del nostro blog in seguito all'inizio degli sforzi per migliorare la velocità del nostro sito nel maggio 2016:

Questi miglioramenti hanno posto le basi per tutte le iniziative sui contenuti di Vendasta che sono seguite. Da quel momento, ci siamo concentrati sulla produzione di un volume elevato di contenuti approfonditi e di qualità. Senza i nostri concomitanti miglioramenti della velocità del sito, è improbabile che tu veda il picco di traffico mostrato dallo screenshot di Analytics.

Le prestazioni miglioreranno solo mentre continuiamo a ottimizzare la velocità del nostro sito e migliorare la nostra esperienza utente!

Key Takeaway: non è necessario ottenere un punteggio di 100/100 per sperimentare la crescita sul tuo sito web.

Se sei a 40/100, apporta un paio di miglioramenti quando il tempo lo consente e punta a 60/100. Non esaurirti sparando subito per 100/100!

Caso di studio: iHeartRaves

iHeartRaves è un leader mondiale nella moda dei festival la cui missione è ispirare la creatività individuale e potenziare l'espressione personale. Combinando i loro altri due marchi gemelli, i loro negozi Shopify incassano $ 20 milioni all'anno e sono stati presenti nell'Inc. 5000 per quattro anni consecutivi.

In qualità di sito di e-commerce, iHeartRaves è chiaramente consapevole delle conseguenze finanziarie della scarsa velocità e delle prestazioni del sito Web.

Brandon Chopp, stratega del marketing digitale per iHeartRaves mi ha detto:

"Come marchio di e-commerce, ci siamo resi conto che la velocità del sito è enorme! Quando penso alle conversioni, penso ai modi migliori per fare in modo che un utente faccia clic su qualcosa tramite un invito all'azione. La verità è che i siti web più veloci vinceranno sempre. Più veloce è il tuo sito, più è probabile che gli utenti si convertano.

Brandon sapeva di dover migliorare la velocità del sito per aiutare l'azienda a raggiungere i propri obiettivi di crescita dei ricavi. Ha affrontato i miglioramenti della velocità di iHeartRaves usando le seguenti tattiche:

1. Ottimizza le immagini: per garantire che il nostro sito mobile si carichi rapidamente, utilizziamo un'app di Shopify chiamata Crush.pics. Ciò garantisce che tutte le nostre immagini siano ottimizzate per la velocità del sito pur mantenendo la qualità dell'immagine.
2. Minimizza il codice: abbiamo anche adottato misure per minimizzare tutto il nostro codice liquido e l'ordine di caricamento degli script con priorità, riducendo al contempo il numero totale di script richiamati.
3. Pulisci le risorse sulla pagina: la rimozione delle risorse non necessarie su alcune pagine e la riduzione delle risorse delle immagini su altre hanno contribuito a ridurre anche i tempi di caricamento del sito. Cerchiamo di trovare un equilibrio tra velocità e contenuto, perché siamo un sito di e-commerce. Per noi è molto importante assicurarci che la qualità delle nostre immagini sia all'altezza dei nostri standard, pur mantenendo un'ottima esperienza utente per i nostri clienti.

La velocità di caricamento della pagina e i risultati della frequenza di rimbalzo sono davvero migliorati con questi aggiornamenti: "Da quando abbiamo apportato modifiche, la velocità del nostro sito è diminuita da 10,25 a 6,86 secondi anno dopo anno (una diminuzione del 65%) e la nostra frequenza di rimbalzo è diminuita del 6%", spiega Brandon. . "In origine era al 40,34% e ora è sceso al 34%".

Questi miglioramenti si sono anche tradotti in risultati finanziari tangibili per iHeartRaves. "In Google abbiamo tratto vantaggio dall'avere un sito mobile veloce perché il nostro tasso di conversione è aumentato di anno in anno grazie in gran parte alla diminuzione della velocità del nostro sito. Mettendo al primo posto l'esperienza utente del cliente, siamo stati in grado di fidelizzare i nostri clienti e rendere l'esperienza di acquisto più facile ovunque".

Key Takeaway: è importante ricordare che la velocità e l'esperienza dell'utente vanno di pari passo.

Combinati, i due possono portare a miglioramenti nell'unica metrica che li governa tutti: le conversioni!

Caso di studio: il miglioramento di 6 secondi e 40 punti di Jubaer

Lo specialista SEO di Vendasta, Jubaer Prodhan, ha condiviso un caso in cui ha seguito lo strumento Pagespeed Insight di Google per il proprio sito con alcuni buoni risultati.

Jubaer osserva: "Nel mio caso, ho un sito web wordpress con un tempo di caricamento superiore a 8 secondi e un punteggio GPI (Google PageSpeed ​​Insight) di 43. Ho fatto le seguenti cose per migliorare la velocità del sito.":

1. Ottimizzazione dell'immagine: se eseguita correttamente, può ridurre drasticamente le dimensioni e la velocità della pagina. Nel mio caso, la dimensione della pagina è scesa da 3 MB a 1,6 MB. Plugin utilizzato: ShortPixel Image Optimizer (puoi anche ottimizzare le immagini con questo strumento)
2. Minimizzazione del codice: spesso utilizziamo più plugin wordpress per le nostre varie esigenze. Ciò di cui non ci rendiamo conto è che la maggior parte di loro aggiunge CSS/HTML/Javascript extra al tuo sito. Il che aumenta il tempo di caricamento e la richiesta del browser. La minimizzazione (rimozione di righe e codici extra) è una soluzione semplice a questo. Plugin utilizzato: Autoptimize
3. Cache del browser: l'utilizzo della cache del browser è consigliato dalla maggior parte degli strumenti principali. E riduce la larghezza di banda, il tempo di caricamento per il visitatore di ritorno e molte altre cose utili. Plugin utilizzato: WP Fastest Cache

Il sito di Jubaer ora si carica in 1,9 secondi e il punteggio GPI è 83! È un bel miglioramento rispetto agli 8 secondi e al punteggio GPI di 43.

Key Takeaway: i siti Web più piccoli possono vedere notevoli miglioramenti della velocità con solo alcune modifiche chiave.

Prova a esaminare l'elenco di Jubaer per iniziare e vedere quali risultati ottieni prima di procedere con le tattiche successive.

Lettura correlata: I 7 plugin SEO di WordPress: il tuo nuovo stack locale

Caso di studio: come un'azienda ha ottenuto un punteggio di 100/100 con PageSpeed ​​Tool di Google

Ottenere quel 100/100 è un'indicazione che il tuo sito è il più ottimizzato possibile per la velocità. È l'obiettivo finale e un'azienda con cui ho parlato ha spiegato un paio di tattiche interne che li hanno aiutati ad arrivarci.

Bret Bonnet, comproprietario/fondatore di Quality Logo Products, un distributore di prodotti promozionali da 40 milioni di dollari con sede a Chicago, IL. spiega,

“La velocità della pagina è un obiettivo importante per la nostra organizzazione. Anche se è molto minore, è comunque un segnale di classifica. Gli studi hanno dimostrato che la velocità della pagina può avere un impatto notevole sulle prestazioni di conversione. Il modo più efficace per migliorare il tempo di caricamento del tuo sito Web è lavorare con il caricamento delle risorse, consentendo la visualizzazione completa del contenuto "above the fold" prima di caricare il CSS/JS. NON ottimizzare il caricamento di contenuti "above the fold" può comportare una detrazione di 10 punti nel punteggio complessivo di Google Page Speed ​​Insights."

[clickToTweet tweet="NON ottimizzare il caricamento dei contenuti above the fold può comportare una detrazione di 10 punti nel punteggio complessivo di Google #PageSpeed ​​Insights." quote="NON ottimizzare il caricamento dei contenuti above the fold può comportare una detrazione di 10 punti nel punteggio complessivo di Google #PageSpeed ​​Insights."]

Questa detrazione di 10 punti mostra quanto sia importante per Google l'ottimizzazione dei contenuti above the fold. La cosa sorprendente e paradossale è ciò che Bret spiega dopo:

“Oltre alla gestione delle risorse, NON PUÒ essere raggiunto un punteggio perfetto da nessun sito Web che includa codice di monitoraggio comune di Google AdWords o Google Analytics nel proprio codice sorgente. Questi file JS vengono forniti direttamente da Google (per qualsiasi motivo Google non segue le proprie linee guida sulla qualità) e vengono trasmessi al browser non compressi. Questa scarsa ottimizzazione, che ancora una volta è fuori dal tuo controllo, è interamente dalla parte di Google e può costarti fino a 5 punti".

Quality Logo Products è stata in grado di accelerare le cose e raggiungere quel 100/100 utilizzando la seguente tattica:

“Per ovviare a questo, abbiamo registrato gli IP da cui Google esegue la scansione e gli IP di origine per questi strumenti e facciamo in modo che i nostri server forniscano intenzionalmente versioni Google delle nostre pagine senza il loro codice di monitoraggio installato. È un po' strano, ma Google sta danneggiando il nostro punteggio di Google Page Speed ​​Insight. Quindi, per superarlo, non forniamo intenzionalmente a Google il proprio codice non ottimizzato, ottenendo in media un miglioramento di 5 punti nel nostro punteggio di velocità della pagina".

Key Takeaway: un punteggio di 100/100 è realizzabile!

È sconcertante che i prodotti di Google rallentino le cose a tal punto, ma la soluzione alternativa in questo caso di studio dovrebbe essere d'aiuto.

Come eseguire l'audit e l'ottimizzazione della velocità del sito

1. Ottieni una linea di base per i risultati del grafico

Il primo passo per il tuo processo di audit e ottimizzazione dovrebbe essere quello di dare un'occhiata di base a dove si trova attualmente il tuo sito per alcune metriche.

Se registri il tuo punto di partenza sarai in grado di monitorare meglio il successo dei tuoi sforzi di ottimizzazione. Ogni volta che ottimizzi il tuo sito Web in qualsiasi modo per la velocità, assicurati di registrare i tuoi progressi rispetto a queste stesse metriche.

Ecco alcune cose che dovresti monitorare:

1. Tempo di caricamento del sito: vai al rapporto di analisi di Google su Menu → Comportamento → Velocità del sito → Panoramica (e Tempi pagina per vedere le singole pagine). Registra il tempo medio di caricamento della pagina del sito e tutte le pagine chiave che desideri monitorare. Puoi anche utilizzare gli strumenti Pingdom e GTMetrix menzionati sopra.
2. Punteggi di Google PageSpeed ​​del tuo sito web: fai clic qui e inserisci l'URL del tuo sito web e controlla i tuoi punteggi su dispositivi mobili e desktop. Registra questi.
3. Frequenza di rimbalzo: controlla se la tua frequenza di rimbalzo migliora, il che indicherebbe che un numero inferiore di persone si allontana dal sito dopo aver visualizzato solo una pagina. Puoi visualizzarlo in diversi punti, come Comportamento → Panoramica.
4. Tasso di conversione: i visitatori si convertono a un tasso più elevato dopo i tuoi miglioramenti? Questo è importante da monitorare! Vai su Conversioni → Obiettivi → Panoramica per visualizzare e registrare il tuo attuale tasso di conversione.

Tieni traccia dei tuoi progressi in un foglio di lavoro e assicurati di annotare le modifiche al sito web in Google Analytics creando annotazioni per ogni aggiornamento.

2. Lavora attraverso gli 8 passaggi

Il posto migliore per iniziare la tua verifica sono i suggerimenti offerti dallo strumento PageSpeed ​​Insights di Google. Se non sei già al 100/100, vedrai alcuni suggerimenti di Google su dove iniziare.

Lavorare attraverso gli 8 passaggi per migliorare la velocità del sito che abbiamo evidenziato richiederà un po' di tempo e perseveranza, come ho detto.

Meike Hendriks, esperta SEO di Yoast osserva,

"Non deve essere difficile velocizzare il tuo sito Web. Molti siti Web hanno immagini troppo grandi che possono essere facilmente ottimizzate. Inoltre, i siti Web con visitatori provenienti da tutto il mondo dovrebbero assolutamente utilizzare un CDN per assicurarsi che le immagini vengano servite come il più veloce possibile per tutti! L'aggiunta di alcune righe di codice al file .htaccess può velocizzare facilmente il tuo sito Web. Ad esempio, puoi abilitare la memorizzazione nella cache del browser e la compressione gzip per file più piccoli che possono essere caricati molto più rapidamente sui computer dei tuoi visitatori."

Devi fissare alcuni obiettivi e aspettative realistici. Quando hai siti grandi e sfaccettati con un sacco di contenuti (fantastici!) come noi di Vendasta e Hubspot, ci vorrà più tempo per raggiungere gli stessi obiettivi di un piccolo sito agile con poche pagine.

3. Chiedi aiuto quando necessario

Ehi, non siamo tutti sviluppatori e designer. Se i tuoi sforzi di sviluppo fai-da-te stanno rompendo il tuo sito o stanno arrivando in sessioni di terapia, potresti voler portare l'aiuto di esperti.

Tutti conosciamo e invidiamo i maghi tecnici. Lascia che lo facciano per te!

Pius Boachie di Digitimatic mi ha detto che uno sviluppatore full stack è la chiave per risolvere i problemi di velocità del sito:

"Quando si tratta di battere lo strumento Google Page Speed ​​Insights, lo sviluppatore fa il lavoro pesante mantenendo il codice pulito, dando la priorità ai contenuti above the fold. Per esperienza, quando progettiamo per i clienti, progettiamo per la velocità, quindi scegliamo un costruttore di siti Web come Duda (prodotti veloci) o costruire su un CMS o scratch (costoso), investire un buon CDN e hosting (molto importante) insieme a uno sviluppatore full-stack esperto."

Hai già impostato le tue metriche di base, quindi sarà facile tenere traccia dei tuoi progressi e successi in futuro. Se stai lavorando su più siti per i clienti, vorrai essere in grado di replicare il tuo successo e fermare tutto ciò che non funziona.

Lettura suggerita: Nessuno sviluppatore necessario: perché hai bisogno di un costruttore di siti web white label

4. Mantieni l'impegno per la velocità del sito andando avanti

Probabilmente puoi eliminare alcuni frutti a basso impatto come l'ottimizzazione delle immagini, la minimizzazione del codice e la memorizzazione nella cache del browser e vedere subito dei bei risultati. Tuttavia, per raggiungere i tuoi obiettivi potrebbe essere necessario uno sforzo più sostenuto per eliminare le 8 tattiche che ho evidenziato.

Non provare a fare tutto in una volta! Per evitare il burnout, prepara un piano per sgretolarti, monitorando i risultati dei tuoi sforzi.

Ecco come sfruttare la velocità del sito per aumentare le vendite

Pensieri finali

Ottenere miglioramenti della velocità del sito nel mondo reale è sempre più complicato di quanto appaia nei post del blog. Lungo il percorso dovrai affrontare alcune sfide, ma rimani concentrato sui risultati, perché a lungo termine miglioreranno l'esperienza dell'utente, la SEO e le conversioni.

Questo è ciò che è più importante; prepararsi per il rapido futuro della navigazione online.

Se hai bisogno di assistenza, chiama i tuoi amici tecnici o facci sapere come possiamo aiutarti!

Se hai esperienze o consigli da condividere, sentiti libero di intervenire anche nella sezione commenti di questo post...