Come migliorare i virtual Web di base sui siti WordPress?

Perché la velocità è importante nel marketing digitale? Gli utenti che sperimentano tempi di rendering più rapidi hanno maggiori probabilità di rimanere sulla pagina e navigare. Questo, a sua volta, può avere un impatto positivo sulle tue classifiche SERP complessive. Inoltre, il tempo impiegato da una pagina web per rendere la prima area di visualizzazione sta diventando sempre più interessante per i motori di ricerca. Infatti, quasi la metà di tutti i fattori di ranking di Google sono direttamente correlati al miglioramento dell'esperienza dell'utente. I motori di ricerca sono noti per enfatizzare alcuni fattori di ranking, inclusi diversi aspetti del caricamento, noti come core web vitals (CWV). Oltre ad avere un impatto diretto sulle classifiche, è probabile che la tua esperienza sulla pagina influenzi anche il coinvolgimento degli utenti durante la navigazione dei tuoi contenuti e la probabilità che vi ritornino.

Tre componenti di Core Web Vitals

Gli algoritmi di Google cambiano continuamente per promuovere siti di alta qualità e intuitivi e declassare quelli che non soddisfano i loro standard di qualità. Una parte di questi algoritmi sono i core web vitals, che svolgono un ruolo importante nel recente lancio di un'ampia gamma di aggiornamenti. L'obiettivo di Google con CWV è incoraggiare gli sviluppatori a concentrarsi maggiormente sull'esperienza utente durante l'ottimizzazione delle prestazioni del proprio sito.

La più grande vernice ricca di contenuti, il primo ritardo di input, lo spostamento cumulativo del layout: questi sono i tre componenti dei principali elementi vitali del web.

• Largest Contentful Paint — Il più grande Contentful Paint (LCP) è un criterio importante perché la percezione visiva di un sito Web è fortemente influenzata dalla velocità di caricamento dell'elemento più grande dello schermo. Il tempo che intercorre tra il caricamento del contenuto DOM e il momento in cui l'utente vede qualcosa sullo schermo (un'immagine di grandi dimensioni o un blocco di testo) è la latenza CPL o contentful paint. È essenzialmente il tempo che intercorre tra il clic di un utente (ad esempio, per caricare una pagina) e il momento in cui vede un qualche tipo di contenuto. Se il tuo dipinto contenuto impiega più di 4 secondi, potrebbe influire negativamente sul tuo punteggio SEO.
• Primo ritardo di input : il primo ritardo di input è per quanto tempo una pagina risponde al tuo input dopo aver fatto clic su qualcosa. Il FID viene solitamente misurato in millisecondi (ms). Ad esempio, quando un utente fa clic su un elemento del sito e attende che lo schermo si aggiorni con nuove informazioni, il browser elabora questa azione e fornisce un risultato. Più breve è il FID, più velocemente gli utenti possono iniziare a navigare nella tua pagina, dove puoi mantenerli per un tempo più lungo e aumentare le tue conversioni. Google ha chiarito che tollererebbe un primo ritardo di input di 100 ms per un punteggio eccellente e di 300 ms per un punteggio scarso.
• Spostamento cumulativo del layout : hai mai fatto scorrere una pagina verso il basso e improvvisamente hai notato che una grossa parte della pagina si spostava verso l'alto mentre scorrevi? Lo spostamento cumulativo del layout (CLS) si verifica quando il contenuto si sposta all'interno della pagina dopo che è stato disegnato. Il risultato è che il tuo utente deve comprendere e analizzare nuovamente il contenuto della tua pagina, specialmente se c'è molto testo. Un punteggio di spostamento del layout cumulativo sufficiente è inferiore a 0,1 e uno scarso è inferiore a 0,25.

Come misurare i Core Web Vitals sui siti WordPress?

Per ottimizzare i tuoi elementi vitali web principali per i siti Web WordPress e garantire che il tuo sito Web funzioni al massimo livello di efficienza, è essenziale disporre di tutti gli strumenti necessari per il monitoraggio, il monitoraggio e l'analisi dei punti dati importanti.

Console di ricerca di Google

Dopo aver misurato i dati utente effettivi, Search Console genera rapporti CWV con il numero di pagine in cui sono stati rilevati problemi separatamente per le versioni desktop e mobile del sito web. Copre le prestazioni dell'URL in base al suo stato (Poor, Need Improvement, Good), core web vitals (CLS, FID, LCP) e gruppi di pagine simili. È inoltre importante notare che se un URL non dispone di dati di report sufficienti per una determinata metrica, non verrà incluso nel report.

PageSpeed ​​Insights

Allo stesso tempo, PageSpeed ​​Insights ti consente di visualizzare il tuo sito dal punto di vista dei crawler e degli utenti di Google, fornendo un'analisi dei problemi della tua pagina e offrendo suggerimenti per migliorare le prestazioni. Il rapporto consente di comprendere meglio quali risorse contribuiscono all'aumento dei tempi di caricamento. Riceverai anche un rapporto che fornisce informazioni chiave sulla pagina e ti consente di sapere come apportare le modifiche necessarie.

Classifica SE

Insieme agli strumenti sopra menzionati, Website Audit di SE Ranking offre anche una sezione web vitals di base separata per le versioni desktop e mobile. Questo strumento può essere ancora più informativo per gli specialisti SEO, in quanto rileva eventuali problemi tecnici che il tuo sito web potrebbe avere. Sulla base dei risultati dell'audit, lo strumento fornisce il punteggio di integrità generale del sito Web e un elenco di problemi che incidono sulle sue prestazioni con descrizioni dettagliate e suggerimenti su come risolverli.

I problemi più comuni di Core Web Vitals e come risolverli

1- Il server è troppo lento

È importante ricordare che non tutti i siti WordPress sono uguali. Ciò può comportare che alcuni siti Web funzionino più lentamente di altri con impostazioni identiche. La ragione di ciò è che molti fattori possono influenzare la velocità del server: il numero di plugin che hai installato, la quantità di script e CSS, la posizione del server, ecc.

Tuttavia, esistono hosting ottimizzati appositamente per i siti Web WordPress. Di solito hanno una velocità di caricamento più elevata grazie al software di memorizzazione nella cache e possono gestire molti visitatori. Tale hosting può gestire molti problemi tecnici e ha molti plugin preinstallati. Quindi puoi semplicemente creare uno o più siti Web e lasciare che l'hosting WP faccia tutte le cose tecniche per te.

2- Immagini e video di grandi dimensioni

Quando lavori su un sito Web e arriva il momento di eseguire un test dei parametri vitali del Web di base, probabilmente noterai alcuni problemi relativi a immagini e video. La causa alla base della bassa velocità della pagina sono le immagini e i video che pesano troppo. L'annosa domanda cliché di "quanti megabyte sono troppi" è sicuramente emersa di recente nel mondo dei core web vitals. Più specificamente, è sorta la questione di come dovresti ottimizzare l'uso di immagini, video e altri file di grandi dimensioni nel tuo sito.

La regola empirica è quella di avere un'immagine principale e una dimensione del video, quindi includere gli attributi di larghezza e altezza nelle immagini e negli elementi video. Spesso è meglio personalizzare le immagini a una larghezza specifica prima di caricarle e creare un nuovo elemento dell'immagine che taglia aree specifiche come sfondi, testo non necessario, ecc. . Il problema con la visualizzazione di immagini più grandi è la maggiore dimensione del download e la larghezza di banda necessaria per visualizzarle.

Lo stesso vale per i video: la pre-personalizzazione del video può migliorare significativamente la velocità della pagina poiché non sarà necessario restringere il browser: il video può essere riprodotto in dimensioni normali. Inoltre, poiché i video nativi sono pesanti, puoi sostituirli con gli incorporamenti di Youtube, che velocizzano un po' il sito.

L'uso del caricamento lento è un altro ottimo modo per migliorare la velocità della pagina senza compromettere l'esperienza dell'utente. Il lazy loading è una tecnica per caricare le immagini solo quando entrano nel viewport (o nella sezione dello schermo). Questo approccio fa sì che le immagini vengano caricate progressivamente mentre scorri, aumentando la velocità della pagina. La parte migliore? È elementare da implementare utilizzando plugin di caricamento lento di WordPress come Lazy Load. Ciò migliorerà notevolmente l'esperienza dell'utente. Gli utenti non devono attendere il caricamento della pagina. Dopo alcuni scorrimenti, le immagini si caricheranno da sole.

3- Codice non ottimizzato

Il codice non ottimizzato può danneggiare il tuo punteggio di base web vitals come First Contentful Paint e la tua esperienza utente. Il più grande colpevole qui è principalmente JavaScript. Perché deve essere scaricato ed eseguito dopo che la pagina è stata caricata. (JavaScript viene prima di HTML, che blocca il caricamento della pagina). Questo può facilmente portare a uno schermo bloccato per diversi secondi, specialmente se la connessione dell'utente non è veloce. Pertanto, se JavaScript non è ottimizzato, rischi che il tuo sito perda punti prestazionali. Per assicurarti che il caricamento della pagina non venga bloccato finché JavaScript non è stato caricato, puoi utilizzare i tag async e defer. Inoltre, rimuovere gli elementi non necessari dai file di codice è una buona pratica.

La minimizzazione del codice rimuove commenti, spazi e interruzioni di riga non necessari dal codice. Questo può aiutarti a ridurre le dimensioni del tuo file, il che si traduce in tempi di download più rapidi nei browser dei tuoi visitatori. Ci sono due ragioni per farlo. Innanzitutto, rende più veloce il download per i tuoi visitatori. In secondo luogo, lo rende più piccolo, quindi utilizza meno risorse del server. Alcuni file che puoi minimizzare facilmente includono i file <style> e <script>. Puoi metterti alla prova confrontando un file prima e dopo l'ottimizzazione. I risultati potrebbero non essere molto evidenti per fogli di stile o file JavaScript. Questo perché gli strumenti di compressione CSS e JS, come YUI Compressor, Minify, ecc. fanno un lavoro molto migliore nell'ottimizzare questi tipi di file rispetto ai plugin di minificazione.

Il DOM (Document Object Model) è la gerarchia di tutti gli elementi in un documento. Il DOM è costituito da tag HTML, a cui sono associati stili CSS e JavaScript. Poiché il numero di elementi può essere piuttosto elevato, la dimensione della tua pagina sarà grande. Ciò può causare problemi di prestazioni se pubblichi la pagina su dispositivi mobili. Pertanto, è importante ridurre al minimo il numero di elementi e ottimizzare il loro posizionamento nel documento.

4- Turni di layout

Uno spostamento del layout è un fenomeno che si verifica quando la finestra del browser del visitatore viene ridimensionata. E gli elementi del tuo sito Web, come immagini, caratteri e colori, si allentano o cambiano posizione. Questo rende difficile per i lettori concentrarsi su ciò che stai cercando di presentare. Layout Shift Score è un punteggio che tiene traccia di quanto il tuo sito è influenzato dalle modifiche al layout su tutti i dispositivi. È un grosso problema quando si parla di viewport. Perché se i tuoi progetti cambiano troppo, potresti perdere visitatori e conversioni. Ridurre al minimo i cambiamenti di layout e ottimizzarli il più possibile porterà a un minore tasso di abbandono e, in definitiva, a più visualizzazioni di pagina.

Inoltre, cambiamenti significativi del layout possono influire negativamente sui tuoi sforzi SEO. Tuttavia, la progettazione di un layout di grandi dimensioni può essere difficile da mantenere. Questo perché a meno che tu non abbia appositamente progettato il sito con un design reattivo. Pertanto, il layout deve essere adattato per adattarsi a tutti i dispositivi. Doverlo fare regolarmente può richiedere molto tempo. Richiede persistenza e coerenza per avere successo senza compromettere la qualità o la funzionalità. Ecco perché la soluzione migliore è rendere responsive il design del tuo sito web. Gli schermi reattivi si ridimensionano in base alle dimensioni dello schermo su cui vengono visualizzati. L'implementazione di schermate reattive significa che il tuo sito Web si adatterà senza rallentamenti o arresti anomali.

5- Problema di memorizzazione nella cache

Criteri di memorizzazione nella cache diversi vengono utilizzati per risorse diverse durante la creazione di una risorsa Web. Le politiche di memorizzazione nella cache definiscono il modo in cui ciascuna risorsa verrà memorizzata nella cache e forniscono informazioni sulla durata della memorizzazione nella cache delle risorse. È necessario impostare queste politiche. In modo che le risorse Web possano essere riutilizzate senza doverle creare da zero ogni volta che gli utenti vi accedono. Per migliorare le prestazioni, è importante assicurarsi che i server non stiano perdendo tempo a creare risorse che sono già state create. Con l'aiuto della tecnologia di script lato server, puoi sfruttare questa politica. Assicurati che le risorse vitali non vengano mai ricreate a meno che qualcosa non sia cambiato in esse.

Signed Exchange (SXG) è una nuova iniziativa che consente di precaricare i contenuti dal Web in modo da preservare la privacy. Uno scambio firmato contiene una specifica per le risorse che un sito Web desidera precaricare. Inoltre, assicurati che tali risorse vengano recuperate in modo sicuro (senza rivelare informazioni private). Il formato binario di scambio firmato è un formato di trasferimento di asset. Significa che il contenuto verrà trasferito tramite HTTPS con un'intestazione aggiuntiva allegata. Questo è un modo nuovo ed entusiasmante per consentire a Ricerca Google di migliorare le prestazioni di caricamento delle pagine. Soprattutto sulle pagine AMP o qualsiasi altro tipo di pagina che si basa su risorse esterne.

Conclusione

I Core Web Vitals sono tre metriche sviluppate da Google che valutano l'esperienza di un utente durante il caricamento di una pagina web. I tre fondamentali web vitals sono fondamentali per capire la velocità di caricamento di una pagina. Quanto è reattivo il browser agli input degli utenti e quanto è instabile il contenuto mentre viene caricato nel browser. I tempi di caricamento lenti influiscono sulla permanenza o meno dei visitatori sul tuo sito. Potrebbero andarsene del tutto o dedicare meno tempo a interagire con i tuoi contenuti sul sito.