Hai un buon punteggio nel test della velocità della pagina di Google?

Sempre più webmaster sono interessati a fare in modo che i loro siti Web ne abbiano uno migliore in questo Test.

E questo, in parte, è dovuto al fatto che il motore di ricerca ha ripetutamente suggerito che il punteggio del test di velocità influenza attivamente il SEO interno di un sito web.

Dobbiamo notare che le regole che segna Google Page Speed ​​Insights possiamo migliorare, sono semplicemente buone pratiche che ci aiuteranno a raggiungere un punteggio migliore e un migliore posizionamento SEO, ma nella maggior parte dei casi non abbiamo per migliorare velocità di caricamento.

Faccio questo chiarimento perché incontro ogni giorno molti clienti che confondono entrambi i concetti: velocità di caricamento con il punteggio del test Page Speed.

Test della velocità della pagina di Google

Negli ultimi aggiornamenti, Google ha orientato il suo algoritmo per ottenere un’esperienza e un’usabilitàmigliori (UX) su dispositivi mobili come smartphone e tablet.

Questa usabilità rende sempre più difficile creare siti web colorati e dinamici allo stesso tempo, poiché, se vogliamo ottenere un punteggio elevato nel test della velocità della pagina di Google, troviamo un collo di bottiglia imposto dagli algoritmi del motore di ricerca.

Esempio di punteggio elevato nel test della velocità della pagina di Google

Quando Page Speed ​​Insights analizza un sito Web, disegna una serie di conclusioni e organizza i suggerimenti in tre blocchi identificati dai colori:

  • Rosso: cose che devono essere risolte e che così facendo il punteggio migliorerà considerevolmente.
  • Giallo: cose che possono essere risolte se sono facili da risolvere ma, nel farlo, il punteggio non varierà in modo significativo.
  • Verde: regole già soddisfatte e che non è necessario fare nulla.

Indipendentemente da ciò, nell’interfaccia di Google Page Speed ​​Insights abbiamo due sezioni, una per i dispositivi mobili e un’altra per i computer desktop e portatili.

Le regole di una sezione non devono avere nulla a che fare con l’altra sezione, sono quasi indipendenti e devono essere “trattate” separatamente.

Ovviamente, se risolvi problemi in “Desktop”, ad esempio, risolvi anche problemi in “Mobile”, anche se non deve essere così.

Da qui andremo, parte per parte, a svuotare la documentazione ufficiale di Google Page Speed ​​Insights e le regole che appaiono lì per migliorare il punteggio in esso contenuto .

EVITARE L’ECCESSO DELLE REDIRIZIONI

Sebbene Google Page Speed ​​di solito dia questo errore un po ‘di volte, quando lo fa, si tratta di una “riforma importante”, poiché dovremo modificare il comportamento del nostro blog o sito Web in modo che non esegua molti reindirizzamenti.

Un esempio di eccesso in questa pratica è, ad esempio, se il nostro sito per entrare senza WWW ha effettuato i seguenti reindirizzamenti:

Dominio.es ⇒ www.dominio.es ⇒ m.dominio.es

Idealmente, lo farei direttamente:

Domain.com ⇒ m.domain.com

Nei siti web reattivi in ​​cui non vi sono quasi reindirizzamenti e esiste solo una versione del Web, questo errore in genere non viene visualizzato in Google Page Speed ​​Insights.

È impossibile chiarire come risolvere questo punto, poiché dipende dal sito Web e dal modo in cui è stato montato.

Ciò che è possibile è che devi ripensare ad alcune cose del tuo sito web, in particolare del funzionamento.

ABILITARE LA COMPRESSIONE

La maggior parte dei server Web Internet è configurata per comprimere le risorse dei siti Web con GZIP prima che vengano inviate ai browser dei visitatori.

Per comprimere il contenuto prima di inviarlo al visitatore, i server Web possono utilizzare diversi metodi, infatti, Apache può utilizzare GZIP o Deflate.

Chiarire che, sebbene GZIP sia più efficace, di solito è più compatibile con Deflate.

Risolvere questo è facile, anche se dipende dal server Web che abbiamo sul nostro server o hosting.

Nei server Apache è sufficiente modificare il .htaccess per attivare GZIP o Deflate, mentre nei server Nginx, dovremo modificare i file di configurazione.

L’unica cosa che dobbiamo prendere in considerazione è che possiamo solo comprimere le risorse del sito web ospitato sul nostro server web.

E non possiamo fare nulla per comprimere le risorse da server esterni come Facebook o Google Plus.

MIGLIORA IL TEMPO DI RISPOSTA DEL SERVER

Questo è l’unico punto in cui il punteggio di Google Page Speed ​​e la velocità di caricamento del web sono unificati, poiché, migliorando i tempi di risposta del server, possiamo ridurre i tempi di caricamento e il tempo necessario al server per servire contenuti.

Per rispettare questa regola della velocità della pagina di Google, il nostro server web deve avere un tempo di risposta inferiore a 200 ms (0,2 secondi).

Questo è praticamente impossibile se utilizziamo un CMS come WordPress e Prestashop e, senza usare alcun tipo di cache.

Al contrario, con una cache efficace è possibile rispettare questa regola senza problemi.

Se il vostro sito non riesce questa regola, si controlla l’ottimizzazione del sito web, installare un tappo di -in di cache e se anche allora ottenere passare questa regola, rivolgersi ad un professionista orientare di più circa l’argomento o provider di hosting se è amministrato.

SPECIFICARE CACHE DEL NAVIGATORE

La cache del browser è un’altra delle regole facilmente consultabili in Google Page Speed ​​Insights, anche se, come per la compressione, le modifiche da apportare variano in base al server Web che stiamo utilizzando.

In Apache, il processo di attivazione della cache del browser è simile a quello della compressione.

Abbiamo solo bisogno di modificare il file .htaccess, ma in altri server come Nginx dovremo modificare i file di configurazione .

Devi stare attento con la cache del browser, poiché in alcuni momenti potremmo avere problemi con l’aggiornamento dei contenuti se configuriamo TTL molto alti.

Ad ogni modo, il TTL minimo imposto da Google Page Speed ​​è piuttosto basso, quindi di solito non danno alcun problema.

Questo problema può davvero dare molto “gioco”, ma se si guarda sul l’ internet si deve mettere in esso .htaccess o nel file di configurazione corrispondente troverete fastidio.

MINIFICA RISORSE

All’interno di questa sezione c’è la minificazione di file HTML, CSS e Javascript e quali sono i tre file di testoche vengono offerti ai visitatori.

Minimizzare è il processo con il quale i file sono ottimizzati, per questo vengono estratti elementi come commenti e interruzioni di riga, tutto viene abbreviato in modo che il file finale pesa il meno possibile e, quindi, i file scaricano qualcosa più veloce per il browser.

Il minification può essere fatto in diversi modi, può anche essere fatto da un modulo installato nel web server ma, in condizioni normali in un CMS come WordPress, di solito viene fatto tramite un plugin del tipo “Autoptimize per WordPress”.

Dobbiamo prestare particolare attenzione alla minificazione CSS e Javascript, perché se lo facciamo senza pensare e senza controllo possiamo decomporre l’aspetto del sito web.

La stessa configurazione non è sempre corretta per tutti i siti Web, dipende dal tema utilizzato e dagli elementi che hanno.

OTTIMIZZA LE IMMAGINI

Le immagini sono in genere la parte più importante di un sito Web, per questo motivo, abbiamo bisogno di ottimizzare le immagini per ridurre i tempi di caricamento, riducendo il tempo impiegato dal browser Web per scaricare risorse.

Se Google Page Speed ​​Insights ci mostra questo errore, ciò che dobbiamo fare è semplice, dobbiamo ottimizzare le immagini del nostro sito web.

Possiamo ottimizzare le immagini in diversi modi: dal server, con un plug-in, con un servizio esterno, con un’applicazione locale, ecc …

Il modo più automatico per farlo è attraverso un plugin.

Nel caso di WordPress possiamo farlo con EWWW Image Optimizer o se ricorriamo a un’opzione Premium, possiamo usare il plugin Kraken.io con il corrispondente servizio Premium.

Quest’ultima opzione è molto più efficiente dell’opzione di EWWW Image Optimizer.

Alcune immagini anche se sono ottimizzate con un plugin continueranno a segnalare che non sono ottimizzate, queste immagini devono essere ottimizzate manualmente con un altro tipo di applicazione locale o ridurne le dimensioni per ridurne il peso.

OTTIMIZZA LA CONSEGNA DEI CSS

Questo errore attualmente non appare molto nei siti web attuali, poiché normalmente tutti gli stili sono inseriti in un singolo foglio di stili CSS.

Di fatto, per questo motivo è più probabile che venga visualizzato un errore che indica “Priorità ai contenuti visibili”.

Se il tuo sito web è stato creato con un CMS e vedi “Ottimizza consegna CSS” in Google Page Speed, la cosa migliore che puoi fare è cambiare il tema.

Nel caso in cui si tratti di uno sviluppo proprio in HTML e CSS, la cosa migliore che puoi fare è rimodellare il sito web.

RIDUCI LE DIMENSIONI DEL CONTENUTO DELLA MEZZA SUPERIORE DELLA PAGINA

Questo è un altro errore che di solito appare abbastanza nei temi attuali che sovraccaricano gran parte della parte superiore del web, perché è la prima cosa che i visitatori vedono quando entrano.

Tecnicamente, questo messaggio appare di solito quando ci sono tanti elementi inseriti nella parte superiore della pagina che il browser Web deve fare più richieste al server di quanto dovrebbe e, quindi, rallenta il caricamento della pagina.

Se si verifica questo errore e si utilizza un CMS, modificare il tema o verificare se un plug-in sta inserendo elementi aggiuntivi.

Se ricevi questo errore e il tuo sito web è sviluppato da te, dovrai rimuovere manualmente gli elementi dal codice.

RIMUOVERE IL JAVASCRIPT CHE BLOCCA LA VISUALIZZAZIONE DEL CONTENUTO

Ultimamente questo errore di solito appare piuttosto a causa dei cursori in javascript che vengono solitamente inseriti nella parte superiore delle pagine.

L’errore appare quando l’HTML carica il codice javascript da fonti esterne e il browser deve attendere il download del javascript, quindi, rallenta la velocità di caricamento del sito web.

Qual è la soluzione in questi tipi di situazioni? Bene, la soluzione migliore è spostare il javascript alla fine della pagina o caricarlo in modo asincrono.

In ogni caso, se sei un utente principiante sarà difficile capire questo processo, quindi dovrai cercare qualcuno per apportare le modifiche necessarie, poiché con i plugin nel CMS non puoi risolvere questo problema in modo efficiente.

Se stai cercando uno script / plugin che ti permetta di inserire un cursore asincrono puoi provare Revolution Slider.

Almeno in WordPress con la configurazione appropriata di solito carico in modo asincrono.

Ci sono altri script javascript esterni che possiamo caricare in modo asincrono, come ad esempio Adsense javascript o Google Plus tra molti altri.

MODULO DI VELOCITÀ DELLA PAGINA DI GOOGLE

Il gigante di Internet ha anche sviluppato moduli per integrare le ottimizzazioni di Google Page Speed ​​nei server web più utilizzati: Apache e Nginx.

Nel caso di Apache il modulo è chiamato mod_pagespeed e nel caso di Nginx è chiamato ngx_pagespeed.

In entrambi i casi, il modulo rileva quali regole è possibile applicare al sito Web ed esegue le ottimizzazioni necessarie nel codice offerto ai visitatori.

Questi moduli in genere accelera il Web in qualche modo, poiché implementano anche la memorizzazione nella cache ed eseguono l’ottimizzazione delle immagini al volo seguendo le regole di Google Page Speed, che di solito sono piuttosto efficaci.

Sebbene l’installazione di questi moduli di Page Speed ​​sia buona, ci sono server che non sono installati, ad esempio quelli di hosting condiviso.

Questo perché la configurazione che può essere buona per un web può distruggere completamente l’aspetto di un altro web simile.