--- title: "Come ottimizzare i core web vitals in 10 step" seo_title: "Come ottimizzare i core web vitals in 10 step" description: "I Core Web Vitals sono metriche specifiche che Google utilizza per valutare la qualità di un sito web, vediamo 10 step su come ottimizzarli." url: "https://armandoferrandino.it/come-ottimizzare-i-core-web-vitals-in-10-step/" type: "BlogPosting" language: "it-IT" published: "2024-07-09T18:03:02+02:00" updated: "2026-10-27T11:15:23+01:00" author: "Armando Ferrandino" categories: - "Siti Web" - "E-Commerce" - "Consigli" tags: - "Seo siti web" - "sito web professionale" - "Come ottimizzare i core web vitals" image: "https://armandoferrandino.it/wp-content/uploads/2024/07/come-ottimizzare-i-core-web-vitals.webp" --- # Come ottimizzare i core web vitals in 10 step ## Come Ottimizzare i Core Web Vitals in WordPress I **Core Web Vitals** sono un insieme di **metriche** **definite** da **Google** per misurare la qualità di un sito web. Questi valori tengono conto di diverse cose, [velocità del sito](https://armandoferrandino.it/sito-lento-a-caricare/), tempo di apertura, qualità nella navigazione, quindi ottimizzare i Core Web Vitals è diventato **indispensabile** per poter aumentare il **proprio punteggio seo** e scalare le classifiche di Goggole. In questo articolo vedremo **come ottimizzare i core web vitals in wordpress in 10 step**. ## Cos’è WordPress? **WordPress** è uno dei CMS (Content Management System) più **popolari al mondo**, ne ho parlato già numerose volte delle sue qualità e della **facilità di utilizzo** da parte del cliente finale. La sua facilità d’uso e la vasta gamma di plugin e temi disponibili lo rendono una **scelta ideale** per chi **non ha grandi esperienze di scrittura codice** e vuole essere **autonomo nel gestire il proprio sito web**. In questo articolo ti spiego per bene come fare seo su wordpress e perchè è di vitale importanza curarla. **[Cos’è WordPress: Una Guida Completa](https://armandoferrandino.it/cose-wordpress-una-guida-completa/)** **Scopri quanto costa realizzare il tuo sito web professionale!** [Richiedi senza impegno](https://armandoferrandino.it/realizzazione-siti-web-professionali/) ## Cosa Sono i Core Web Vitals? Ma passiamo ora a **cosa sono i core web vitals**e **come ottimizzarli sul nostro sito web**. Partiamo dal fatto che per vedere questi dati ti basta andare su questo link e scrivere il tuo sito web e avviare la misurazione del sito: [https://pagespeed.web.dev/](https://pagespeed.web.dev/). Avrai dopo la sua analisi una schermata del genere: ![Core web vitals in wordpress](https://armandoferrandino.it/wp-content/uploads/2024/07/cosa-sono-i-core-web-vitals.png) _Questo è il punteggio dei core web vitals del mio sito web, se vuoi ottimizzare il tuo sito cosi, ti basta contattarmi!_ Come puoi vedere dallo screen avrai alcune sigle: 1. **Largest Contentful Paint (LCP)**: Misura il tempo impiegato per caricare l’elemento più grande visibile nella viewport. Un **buon punteggio LCP** dovrebbe essere **inferiore a 2,5 secondi**. 2. **First Input Delay (FID)**: Questo è un valore che indicata quanto tempo un cliente deve attendere per poter cliccare su un pulsante o interagire con il sito . **Un buon FID dovrebbe essere inferiore a 1,5 secondi**. 3. **Cumulative Layout Shift (CLS)**: Misura la stabilità del sito, valutando gli elementi che si spostano durante il caricamento delle pagina, magari dovuti a font pesanti o immagini troppo grandi. **Un buon CLS dovrebbe essere inferiore a 0,1.** **Aggiornamento:** dal 12 marzo 2024 FID non fa più parte dei Core Web Vitals. Al suo posto Google usa INP, che misura quanto la pagina risponde a ogni clic o tocco: cos’è e come migliorarlo lo spiego nella guida su [INP (Interaction to Next Paint)](https://armandoferrandino.it/inp-interaction-to-next-paint/). ## Perché Ottimizzare i Core Web Vitals? Come già detto prima ottimizzare i Core Web Vitals è importante, e non solo dal punto di vista SEO e quindi per un maggiore posizionamento ma ci sono diversi motivi: 1. **Miglior Posizionamento nei Motori di Ricerca**: Google utilizza i Core Web Vitals come fattore di ranking, migliorare questi valori vuol dire aumentare il posizionamento del proprio sito web. qui una guida su come fare seo su wordpress ( **[Come Fare SEO su WordPress](https://armandoferrandino.it/come-fare-seo-su-wordpress/)** ) 2. **Migliore Esperienza Utente**: Un sito web che si carica rapidamente, è reattivo e stabile offre un’esperienza utente superiore, riducendo il tasso di abbandono e aumentando il tempo di permanenza sul sito. 3. **Maggiore Conversione**: Un’esperienza utente ottimale aumenta il tasso di conversione, poiché gli utenti sono più propensi a interagire con un sito veloce e che funzioni bene. ## Come Ottimizzare i Core Web Vitals in WordPress Vediamo nel dettaglio come ottimizzare i core web vitals in 10 step in WordPress e migliorare cosi la tua presenza su Google. - Scegliere un hosting performante - Ottimizzare le immagini - Minificare Css e Javascript - Utilizzare un plugin di Cache - Ottimizzare il database - Monitorare le Prestazioni - Abilitare la compressione Gzip - Implementare LazyLoading - Aggiornamenti regolari - Ridurre l’utilizzo di plugin Di seguito vediamo nel dettaglio i vari step su come migliorare i tuoi core web vitals. ### 1. Scegliere un Hosting Performante **La scelta di un hosting** performante **è il primo passo** per ottimizzare i Core Web Vitals, non scegliere mai hosting a basso prezzo, quello che avrai sono prestazioni scarse e tutto questo a discapito tuo. Un hosting di qualità può ridurre significativamente i [tempi di caricamento](https://armandoferrandino.it/ottimizzazione-velocita-sito/) del sito ma ovviamente contano anche altri fattori che vedremo di seguito. Ecco alcuni aspetti da considerare quando scegli un hosting per il tuo sito web: - **Velocità del Server**: Scegli un hosting che offre server veloci e affidabili. - **HTTP2**: Scegli server che supportano questo protocollo, aiuteranno la velocità del tuo sito web. - **LiteSpeed**: Assicurati che l’hosting offra la possibilità di attivare questo tipo di cache, che precarica il tuo sito web aumenteranno considerevolemente le tue performance. **Scopri quanto costa realizzare il tuo sito web professionale!** [Richiedi senza impegno](https://armandoferrandino.it/realizzazione-siti-web-professionali/) ### 2. Ottimizzare le Immagini L’ho ripetuto molte volte in numerosi articoli di blog, **[ottimizzare le immagini](https://armandoferrandino.it/ottimizzare-immagini-e-commerce-wordpress/) è fondamentale** per il tuo sito web, inutile caricare immagini di 2mb, mantieniti sempre tra i 150 e 300kb. Ecco come ottimizzarle: - **Compressione**: Comprimi le immagini senza sacrificare la qualità, personalmente utilizzo molto iloveimage.com, facile, veloce e affidabile. - **Formato Adeguato**: Utilizza formati di immagine moderni come **WebP**, tieni però conto che non permette l’utlizzo di sfondi trasparenti, quindi dove possibile converti le immagini in WebP. - **Dimensioni Adeguate**: Assicurati che le immagini non siano più grandi del necessario, come detto prima, inutile avere immagini di dimensioni e peso eccessivo. ### 3. Minimizzare CSS e JavaScript WordPress di per se ha diversi **file css e javascript**, meglio **minificarli** per rendere il loro caricamento più veloce, considera inoltre che il tuo tema e i plugin installati a loro volta contengono file css e javascript, quindi è fondamentale minificarli. Non preoccuparti, non è un lavoro che dovrai fare manualmente in ogni singolo file, **molti plugin di Cache per WordPress** lo faranno al posto tuo (continua a leggere troverai i migliori plugin gratuiti). ### 4. Utilizzare un Plugin di Cache **La cache è la tua alleata numero 1**, specie se hai poche conoscenze di scrittura codice e vuoi fare da te senza affidare il tuo sito a nessuno. Di seguito troverai i migliori plugin gratuiti che ti aiuteranno ad ottimizzare i core web vitals del tuo sito web. - **LiteSpeed Cache**: A mio parere il miglior plugin per la cache (fai attenzione, il tuo server deve supportare questo tipo di cache). - **W3 Total Cache**: Ottimizza il tuo sito web al massimo ed è compatibile con tutti i server ### 5. Ottimizzare il Database Anche se non è un qualcosa che puoi “vedere”, il **database occupa un posto importante** quando si tratta di [ottimizzare un sito](https://armandoferrandino.it/come-ottimizzare-sito-web/) web. **WordPress** tende a salvare numerose informazioni che non ti occorrono, ti basta pensare che **salva ogni singola modifica** che effettui in una pagina, anche a distanza di anni, **rendendo cosi il database sempre più pesante**. Ovviamente più il database è grande, più tempo viene impiegato a caricare, insomma lo stesso discorso delle immagini. Di seguito trovi dei consigli per ottimizzare al meglio il tuo database. - **Rimuovere i Dati Inutili**: Elimina i post revisionati, i commenti spam e i dati temporanei e svuota il cestino! - **Ottimizzazione Periodica**: Utilizza un plugin come Wp-Sweep (lo puoi scaricare da qui https://it.wordpress.org/plugins/wp-sweep/), ti aiuterà a rimuovere quei dati che non puoi fare da solo. - **Limitare le Revisioni dei Post**: Imposta un limite al numero di revisioni dei post (io consiglio almeno 3) per ridurre le dimensioni del tuo database, se utilizzi wp-sweep lo farà al posto tuo. ### 6. Monitorare e Analizzare le Prestazioni **Monitorare e analizzare** regolarmente le **prestazioni del tuo sito** è importante, cosi puoi prevenire eventuali problemi, ma tranquillo non dovrai farlo manualmente, ti basterà utilizzare uno di questi siti per avere sempre tutto sotto controllo: - **Google PageSpeed Insights**: Analizza le prestazioni del tuo sito e ti dà spunti su cosa migliorare. - **GTmetrix**: Fornisce una panoramica dettagliata del tuo sito e su come migliorare le prestazioni, ovviamente il tool di Google è più affidabile in quanto deve piacere a Google il tuo sito in primis. ### 7. Abilitare la Compressione Gzip La compressione **Gzip** solitamente è già attiva in tutti i server, **aiuta a comprimere i file** che verranno aperti dal tuo browser (firefox, chrome, safari ecc), se eventualmente non è attiva puoi richiederlo al tuo hosting, lo farà al caso tuo, ma nel caso in cui tu voglia fare autonomamente ti basterà incollare questa riga di codice all’interno del tuo file .htaccess: - **Modifica del File .htaccess**: Aggiungi il seguente codice al file .htaccess per abilitare la compressione Gzip: ``` AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/json ``` ### 8. Implementare il Lazy Loading Il Lazy Loading permette di **caricare le immagini mentre l’utente naviga il tuo sito web**, cosi l’apertura del sito risulta più veloce, ovviamente anche in questo caso i plugin ti aiuteranno - **Plugin di Lazy Loading**: Utilizza plugin come **LiteSpeedCache** o **W3totaleCache** (come vedi alla fine uno di questi due plugin è indispensabile nel tuo sito web) ### 9. Aggiornamenti Regolari **Ricordati di aggiornare periodicamente il tuo sito web**, non basta aggioranre semplicemente i contenuti dovrai aggiornare anche wordpress e i suoi plugin, ovviamente le nuove versioni tendono per natura ad essere più performanti e quindi a garantirti che i tuoi core web vitals scendano, quindi ricorda di: - **Aggiornamere periodicamente**: Non abilitare gli aggiornamenti automatici, ma schedulali tu, cosi da non avere brutte sorprese. - **Test degli Aggiornamenti**: Il mio consiglio è quello di aggiornare wordpress e i relativi plugin in un ambiente di test o staging, solitamente i server danno questa possibilità, una volta testato il loro funzionamento lo farai anche sul sito online. ### 10. Ridurre l’Utilizzo di Plugin Come detto prima, **i plugin** **installano** all’interno del tuo sito web **numerosi file css e javascript**, spesso ci capita di avere in gestione siti web con 40/50 plugin, alle volte alcuni plugin eseguono le stesse funzionalità, quindi **cerca di fare una pulizia** e se riesci rimuovi i plugin e scrivi delle righe di codice, questa cosa è fondamentale per ottimizzare i core web vitals del tuo sito web. Quindi: - **Rimuovi i Plugin Inutilizzati**: Elimina i plugin che non sono essenziali per il tuo sito web, anche quelli disattivati. - **Sostituisci Plugin che occupano risorse**: Alle volte esistono plugin che sono più leggeri di altri, questi aiuteranno i tuoi punteggi. ## Come ottimizzare i core web vitals: Conclusione Abbiamo visto **come ottimizzare i Core Web Vitals in WordPress in 10 step** e ridurre cosi quei paramentri che per Google sono diventati di vitale importanza. Ricorda che ovviamente l’ottimizzazione è un lavoro costante, non sostituirti ad un professionista potresti fare dei danni inconsapevolemente, la cache aiuta molto il tuo sito, ma alle volte la compressione dei file di javascript disattiva alcune funzionalità o animazioni rendendo il tuo sito poco usabile. Google utilizza i core web vitals come strumento per valutare il tuo sito e posizionarlo al meglio nelle sue classifiche, ma non è solo miglioranto i core web vitals che scalerai le classifiche, **ricorda che i contenuti sono fondamentali** e vanno scritti per i tuoi utenti e non per Google e soprattuto limita il lavoro di scrittura delle varie IA, Google lo sa e penalizza il tuo sito web. **Se vuoi avere una consulenza su come ottimizzare i core web vitals del tuo sito web, puoi richiedere un preventivo gratuito e personalizzato!** **Preventivo GRATUITO e senza impegno** **Hai bisogno di aiuto con il tuo sito web?** [Richiedi il tuo preventivo](https://armandoferrandino.it/contatti/)