Come essere in cima allo strumento Google PageSpeed ​​Insights?

introduzione

È sempre una bella sensazione essere al di sopra di qualsiasi cosa. Google Page Speed è qualcosa che influisce in larga misura sulle prestazioni del tuo sito web. Google Page Speed è la velocità di caricamento del tuo sito web in generale. Devi assicurarti di ridurre gli elementi che appesantiscono il tuo sito web. In questo modo puoi aumentare la velocità della pagina del tuo sito Web e posizionarti in alto. Questo si aggiunge anche al ranking SEO complessivo. Vediamo in questo articolo come dedurre l'essenza di Google Page Speed ​​Insights e formulare e implementare gli algoritmi più adatti per superare il Google Page Speed ​​Test !

1. Google Page Speed ​​Insights

Dopo aver esplorato 900.000 annunci pubblicitari, gli analisti di Google Page Speed ​​Insights hanno scoperto che la normale pagina di presentazione portatile si accumula in un'umiliante 22 secondi. Questo è più di molte volte più lungo di quanto la maggior parte dei client Web ansiosi reggerà prima di cedere una pagina: il 53% per essere corretto. Se la tua pagina impiega più di 3 secondi per essere impilata, la maggior parte dei tuoi potenziali clienti se ne andrà prima ancora di osservarla. Come se ciò non fosse sufficientemente terribile, le intuizioni della pagina hanno scoperto che con ogni momento di tortura una pagina non si accumula, molti più ospiti salteranno.

Con l'assistenza dell'apprendimento automatico nell'innovazione di SOASTA, gli scienziati hanno trovato una connessione tra tempo di caricamento, peso della pagina (misurazione in dati) e tasso di trasformazione. Fondamentalmente, "più pesante" implica più lento. In particolare, quando il numero di componenti (contenuti, immagini e così via) nella pagina aumenta da 400 a 6.000, le probabilità di cambiare un ospite diminuiscono del 95%.

Nella remota possibilità che la tua pagina si sovrapponga gradualmente, tuttavia, individuare il problema non è sempre semplice. Mentre la misura dell'impatto della velocità della pagina di Google sul contenuto e sul numero di immagini è inizialmente riconoscibile, problemi come JavaScript non necessario e troppe deviazioni non lo sono.

2. Inferenze di Google PageSpeed ​​Insights

Google PageSpeed ​​Insights è uno strumento che ti consente di testare rapidamente e senza sforzo la velocità di una pagina del sito. Fortunatamente, è uno strumento gratuito che puoi utilizzare per scoprire esattamente cosa sta moderando il tempo di caricamento della tua pagina. Inserendo un URL e premendo "Analizza" otterrai rapidamente un rapporto dettagliato di ciò che sta riducendo la pagina del sito in base a due parametri, completo di suggerimenti sul modo migliore per risolverlo.

• Parametro 1: Tempo al carico above the fold. Questa è la misura del tempo impiegato da un programma per eseguire il rendering del contenuto subito below the fold dopo che un client lo richiede.
• Parametro 2: Tempo per il caricamento dell'intera pagina. Questa è la quantità di tempo necessaria a un browser per eseguire il rendering completo di una pagina dopo che un client lo richiede.

Quindi, in che modo PageSpeed ​​Insights valuta il tuo sito? Esamina le parti autonome del sistema dell'esecuzione della pagina: la disposizione del server, la struttura HTML di una pagina e il suo utilizzo di risorse esterne, ad esempio immagini, JavaScript e CSS.

Testare il tuo sito con PageSpeed ​​Insights può aprire gli occhi a chiunque non abbia provato a migliorare il proprio sito e, inoltre, Page Insights offre una straordinaria fase iniziale per coloro che sperano di migliorare l'esecuzione del sito.

Detto questo, può anche mandarti in una frenesia inutile quando un sito restituisce punteggi inferiori a quelli previsti nel Google Page Speed ​​Test o consigli che contrastano le stime che hai impostato sul tuo sito. Lo strumento si basa attualmente su due misurazioni chiave:

1.Prima vernice contenta
2.Ritardo primo ingresso

I due parametri precedenti vengono valutati in tre modi diversi:

1. Veloce
2.Media
3.Lento.

Ecco cosa significano queste due misurazioni in un linguaggio semplice.

2.1.First Contentful Paint (FCP)

FCP è un'elaborazione sulla "prima vernice", una metrica che stima quando qualsiasi rendering si presenta all'interno del programma (anche un aggiustamento nell'ombreggiatura delle fondamenta, ad esempio, verrebbe verificato). La metrica FCP stima il tempo fino al punto in cui la sostanza reale è stata impilata sulla pagina, offrendoti una valutazione dell'incontro con il cliente più preziosa.

2.2.Ritardo primo ingresso (FIP)

Il FIP è un parametro importante del Google Page Speed ​​Test e implica il tempo di caricamento di un sito. È fondamentalmente la durata del tempo da quando un utente comunica con il tuo sito al momento in cui il tuo browser inizia effettivamente a comunicare con il browser.

3. Perché PageSpeed ​​è importante

Quando qualcuno arriva sul tuo sito, hai solo un paio di momenti per attirare la sua attenzione e convincerlo a restare e a non saltare. La sostanza di qualità e un soggetto attraente sono essenziali; tuttavia, se la tua pagina si impila gradualmente, potresti perdere persone prima ancora che motivano l'opportunità di vedere il tuo contenuto.

Secondo Kissmetrics, quasi il 50% dei client Web prevede che un sito Web si inserirà in due secondi o meno e in generale si arrenderà a destinazioni che non si accumulano entro tre secondi. Una somma del 79% dei clienti online che riscontrano difficoltà con l'esecuzione del sito Web non tornerà alla pagina Web per acquistare di nuovo e circa il 44% dirà ai compagni nella remota possibilità di aver avuto una cattiva esperienza di acquisto sul Web, il che è un impatto negativo sul tuo sito web. Ecco perché PageSpeed è molto importante.

4. L'essenza di PageSpeed ​​Insights

Mentre la velocità di pagina è uno degli oltre 200 segni che Google utilizza per decidere le classifiche complessive e meno dell'1 percento delle domande di ricerca è influenzato dal flag di velocità del sito, sono le trasformazioni su cui devi insistere.

Un buon sito con una grande velocità di pagina darà ai tuoi ospiti fiducia nel tuo articolo o vantaggio e li convincerà a consegnare i loro soldi. L'esecuzione della pagina è una parte fondamentale di ogni sito. Puoi avere una sostanza estremamente straordinaria e un sito dall'aspetto piacevole, tuttavia, se ci vuole troppo tempo per impilare o non è reattivo versatile, le persone procederanno rapidamente verso i siti dei tuoi rivali.

È allora che ti rendi conto che è genuino per il fatto che lo facciamo nel complesso. Google PageSpeed ​​Insights può analizzare il funzionamento del tuo sito e fornire risposte per aumentare l'esecuzione del tuo sito, il tempo di stack e il cielo è il limite da lì .

5. Quali sono i vantaggi dell'utilizzo di Google PageSpeed ​​Insights?

5.1. PageSpeed fornisce un rapporto eccezionalmente dettagliato delle sue scoperte

Ottieni un rapporto che mostri come sta andando il tuo sito e quali modifiche (se fondamentali) devi applicare. Fornisce sia le indagini che le amministrazioni di avanzamento che sono estremamente utili per aumentare la velocità del tuo sito.

5.2. PageSpeed migliora l'esperienza dell'utente

Oggi, molte persone utilizzano i loro telefoni cellulari per visitare siti e puoi perdere una grande quantità di traffico se la tua pagina non risponde ai dispositivi mobili. Google PageSpeed ​​Insights fa un rapporto preciso del tuo punteggio attuale e ti fa sapere se la tua pagina riguarda le fasi mobili o meno. Puoi utilizzare i suoi suggerimenti di esecuzione per migliorare sia l'area di lavoro che l'esecuzione del Web mobile

5.3. PageSpeed include lingue aggiuntive

Questo strumento può essere utilizzato molto facilmente in varie lingue, ad esempio russo, spagnolo e serbo.

5.4. PageSpeed è facile da usare

Google PageSpeed ​​Insights non si aspetta che tu abbia il tuo sito o che sia un cliente di Google. Non è necessario completare alcun frame di registrazione, registrare o fornire un indirizzo e-mail per utilizzarlo.

5.5. PageSpeed è gratuito

Google PageSpeed ​​Insights è assolutamente gratuito da utilizzare in tutto il mondo. Non devi pagare un solo centesimo per l'utilizzo di questo fantastico strumento.

6. Suggerimenti per ottenere un perfetto 100% su Google Pagespeed Insights

Ecco alcuni suggerimenti che puoi implementare per ottenere un punteggio perfetto del 100% su Google PageSpeed ​​Insights .

6.1. DNS

Utilizziamo Cloudflare, tuttavia, nessuno di questi accelera l'ottimizzazione. Nei nostri test abbiamo scoperto che era più lento. Nel caso in cui ti trovi in ​​una condizione di reciproca facilitazione, Cloudflare molto probabilmente sarà di grande aiuto. Ad ogni modo, per noi nello specifico, con un server dedicato, era meglio con tutto spento. Nel caso in cui non hai attitudini o tempo per introdurre Cloudflare come opzione, puoi utilizzare fornitori di facilitazione, ad esempio WP-Engine, Presslabs, Pantheon.io. Hanno lavorato insieme nel negozio di server e nell'arrangiamento CDN.

6.2. IFM

Mobile-First Index - Questo è uno dei criteri più importanti per il posizionamento SEO al momento. Quando un sito web viene creato, deve essere ottimizzato per essere visualizzabile su smartphone e altri gadget elettronici. Ciò è dovuto al fatto che la navigazione, oggi, avviene prevalentemente sui telefoni cellulari. Pertanto, è essenziale che il tuo sito Web sia ottimizzato di conseguenza poiché contribuisce in modo significativo a Google Page Speed.

6.3. Passare il tempo di risposta del server

Il punto di riferimento è 0,2 secondi. Qualsiasi cosa oltre a questo e Google ti segna. Il nostro sito continua a funzionare su un server con specifiche elevate e un sacco di record. Gran parte di ciò che leggi online ti consiglierà di passare a un account WordPress più veloce (con i join dei partner) che è il modo più semplice, ma non ero disposto ad abbandonare la nostra condizione senza almeno tentare.

Avendo molti incontri con gli amministratori del server, ho disattivato tutte le amministrazioni inutili in esecuzione sul server per abilitare l'incremento a Pagespeed . Ciò nonostante, non ha avuto un grande effetto.

La più grande distinzione che abbiamo visto per ridurre il tempo di reazione del server è stata quella di passare a PHP 7. Non tutti gli host supportano PHP 7, ma piuttosto, fortunatamente, poiché abbiamo le nostre impostazioni locali, lo facciamo. I report combinati online dimostrano un incremento di velocità dal 20 al 50 percento nel passaggio a PHP 7.

Nonostante il tasso reale, avevamo i requisiti per Pagespeed e dovevamo testarlo. Nel caso in cui non riconosci quale variante di PHP stai utilizzando, introduci questo modulo e lo vedrai nel tuo "A colpo d'occhio" sulla tua Admin Dashboard.

Prima di andare oltre, devi controllare se il sito è buono. Fortunatamente, c'è un modulo di verifica della somiglianza PHP che puoi scaricare per WordPress che controlla il tuo codice e riconosce eventuali problemi con il passaggio a PHP 7. I risultati di Page Insights hanno dimostrato un paio di cose che richiedevano cure, che abbiamo affrontato rapidamente .

Eravamo finalmente pronti a passare a PHP 7. Per passare da WHM si arriva al “Multi PHP Manager”, si seleziona il sito web di cui si ha bisogno e si cambia la versione PHP. Nel caso in cui non ti avvicini a WHM, chiedi agli amministratori del tuo server, ma assicurati di farlo in una condizione di test/avanzamento: non è una buona pratica interrompere il tuo sito di produzione.

6.4. Design e layout del sito web aggiornati

Grid Layout è il discorso della città in termini di design e layout del sito web. In termini di Google Page Speed ​​Insight , il design della griglia ha più vantaggi. Inoltre, ho scoperto che offriva un numero maggiore di punti salienti di quelli di cui avevo bisogno sul mio sito, quindi sono andato alla ricerca di un argomento di base e moderato. Ho scoperto Frank, un argomento pensato particolarmente per la velocità. La pagina di destinazione predefinita del soggetto del genitore effettua nove richieste di database e comprende solo due richieste HTTP, del peso di circa 29 kb. Questo argomento è eccessivamente leggero: nessuna struttura JavaScript e nessuna immagine superflua, solo un argomento di base e reattivo. Sulla scia dell'introduzione dell'argomento di Frank, il numero di richieste HTTP previste per il caricamento del mio sito è diminuito da 31 a solo quattro.

6.5. Ottimizzazione della home page

Esistono alcuni semplici approcci per accelerare ulteriormente il tuo sito:

• Se distribuisci post di blog sulla tua pagina di destinazione, distribuisci solo selezioni o sinossi e riduci il numero di regali su cinque o meno.
• Tieni i gadget in una base. Basta utilizzare i gadget che sono assolutamente essenziali.
• Rimuovere i moduli inattivi o inutili.

In generale, una configurazione del sito impeccabile e centrata aiuterà la tua pagina ad avere un bell'aspetto, così come PageSpeed ​​diventerà più veloce.

6.6. Ottimizzazione dell'immagine

Le immagini ad alta risoluzione impiegano molto più tempo per essere impilate rispetto alle immagini aggiornate e le macinature superflue possono sicuramente ridurre la velocità della pagina . WPMU DEV offre un favoloso modulo (gratuito!) chiamato WP-Smush.it. Quando metti insieme le immagini con questo modulo, vedrai che la misura delle tue immagini sarà colossalmente ridotta senza compromettere la qualità visiva. Mentre siamo in tema di immagini, anche le immagini impilate apatiche possono aumentare la velocità della pagina .

JPEG 2000, JPEG XR e WebP sono formati di immagine che hanno attributi di pressione e qualità migliori rispetto ai loro partner JPEG e PNG più affermati. Codificare le tue immagini in queste modalità rispetto a JPEG o PNG implica che si caricheranno più velocemente e occuperanno meno dati mobili, il che migliorerà le prestazioni di Google Page Speed . WebP è supportato in Chrome e Opera e offre una migliore compressione con e senza perdita di dati per le immagini sul Web.

6.7. Rimanda CSS inutilizzati

I CSS inutilizzati rallentano lo sviluppo dell'albero di rendering da parte di un programma. L'albero di rendering assomiglia all'albero DOM, quindi di nuovo, in realtà, incorpora anche gli stili per ogni hub. Per costruire l'albero di rendering, un programma deve percorrere l'intero albero DOM e controllare quali regole CSS si applicano a ogni hub. Maggiore è il numero di CSS inutilizzati, maggiore è il tempo che un programma potrebbe impiegare a calcolare gli stili per ogni nodo, il che avrà un impatto negativo su Google Page Insight Speed .

6.8. Abilita la compressione del testo e codifica le immagini

È necessario comprimere anche i file di testo se si desidera ottimizzare la velocità della pagina di Google . La compressione del testo consente trasferimenti di rete più veloci, facilitando quindi meglio. La codifica delle immagini è il tipo di compressione dei dati, che consente di comprimere l'archiviazione e la trasmissione delle immagini.

6.9. Minimizza CSS, HTML, JavaScript

"Minificare" allude all'espulsione di informazioni inutili o ripetitive senza influenzare il modo in cui la pagina viene gestita dal programma che migliorerà i risultati di Google Page Speed . Una codifica scadente può essere la ragione di questo problema e tende a risolversi in un paio di modi diversi.

Oltre a studiare fisicamente il codice sorgente della tua pagina, Google suggerisce di provare le risorse di accompagnamento:

• Il minificatore HTML per minimizzare l'HTML.
• CSSNano e csso per minimizzare i CSS.
• UglifyJS2 e il compilatore di chiusura per minimizzare JavaScript.

Un'altra scelta è, ovviamente, sfruttare AMP e AMP di Google per i sistemi di promozione. I due progetti consentono agli ingegneri di produrre pagine con una forma ridotta di HTML, CSS e JavaScript. Il risultato sono pagine e promozioni che si accumulano in una piccola quantità di un secondo.

6.10. Evita i reindirizzamenti della pagina di destinazione

Nel caso in cui la tua pagina non sia stata strutturata in modo reattivo, il risultato potrebbe essere diverse deviazioni verso pagine avanzate per vari gadget che aumenteranno il PageSpeed . Alcuni progetti di deviazione di base, come indicato da Google:

• com utilizza un'architettura del sito Web reattiva, non sono necessarie deviazioni: veloce e ideale!
• come? m.example.com/home – punizione multi-andata e ritorno per clienti versatili.
• come? www.esempio.com ? m.example.com: esperienza moderata e versatile.

Ogni volta che un client deve essere deviato, il rendering della pagina si interrompe, il che aggiunge secondi preziosi al tempo di heap della tua pagina. Stai lontano dalle deviazioni dentro e fuori costruendo le tue pagine con il piano reattivo, una tecnica che garantisce incontri con i clienti di qualità indipendentemente dal gadget su cui si trova il tuo potenziale cliente. In questo modo i risultati finali del Google Page Speed ​​Test saranno migliori.

6.11. Elimina JavaScript che blocca il rendering

Oltre ad altre cose, JavaScript potenzia alcuni straordinari dispositivi esterni e componenti di pagina intuitivi. Il problema sarà che interrompe anche l'analisi del codice HTML.

Quando vedi un messaggio di errore che esamina "elimina JavaScript che blocca il rendering", implica che c'è un po' di codice JavaScript che sta ritardando la procedura di impilamento per il bit di piegatura sopra della tua pagina che ha un impatto negativo sui risultati del test di velocità della pagina di Google . I contenuti di outsider in particolare probabilmente si lamenteranno di questo problema. Gestirlo in tre modi diversi:

• Gli script che non sono critici per la procedura di stacking dovrebbero essere deliberatamente posticipati, portati ed eseguiti dopo che la pagina è stata completamente renderizzata.
• Gli script che si accumulano in modo asincrono dovrebbero essere utilizzati più di quelli che si accumulano in modo sincrono. I contenuti sincroni interrompono il processo di rendering della pagina, mentre quelli non concorrenti consentono a un programma di impilare diversi componenti nel frattempo.
• Considera la possibilità di incorporare il contenuto, incorporando poche risorse JavaScript esterne direttamente nel tuo report HTML, per ridurre il numero di richieste che il tuo programma deve fare.

Cercando di implementare i passaggi precedenti, i risultati complessivi del test della velocità della pagina di Google migliorano.

6.12. Sfrutta la cache del browser

Possono essere necessarie diverse richieste tra un server e un programma prima che una pagina venga completamente impilata per un client. Per quanto riguarda il tempo, ognuno include. L'archiviazione consente al tuo programma di, per così dire; "richiama" alcuni componenti che sono stati impilati negli ultimi tempi: intestazione, percorso, logo e così via. Più componenti il ​​programma può memorizzare, meno componenti ha bisogno di impilare nel momento in cui il client fa una richiesta e, infine, più velocemente verrà impilata una pagina che aumenta il PageSpeed . Google prescrive una strategia di prenotazione di base di più settimane e per componenti che generalmente rimangono inalterati, un anno è l'ideale.

7. Conclusione

Il web sta diventando sempre più affollato e non puoi deporre gli allori sperando di essere famoso ed efficace se il tuo sito funziona in modo moderato o non funziona nel modo in cui dovrebbe. Le proposte di Google PageSpeed ​​Insights dipendono dalle migliori pratiche del settore dei flussi per l'area di lavoro e l'esecuzione versatile del web, quindi non resistere progressivamente e inizia a ottenere più gruppi di spettatori, espandendo l'esecuzione del tuo sito web e il posizionamento dell'indice web e migliorando i tuoi ospiti che esaminano lo sfondo. Ora hai una buona conoscenza di tutto questo ronzio su Google PageSpeed ​​Insights .

Usa i suggerimenti sopra menzionati e probabilmente vedrai alcuni buoni risultati e cambiamenti positivi. Inoltre, tieni presente che Roma non è stata costruita in un giorno, quindi devi dargli un po' di tempo prima di poter finalmente giudicare se i passaggi che hai intrapreso per migliorare il tuo punteggio di Google PageSpeed ​​Insight Test funzionano o meno.