Nel caso in cui non ne foste ancora a conoscenza… Google ha apportato alcune modifiche importanti alle metriche delle prestazioni dei siti web, chiamate Google Core Web Vitals.
Core Web Vitals include ora la stabile Interaction to Next Paint (INP), che sostituisce il First Input Delay (FID).
Molti dei nostri lettori ci hanno chiesto come facciamo a mantenere tempi di caricamento veloci su WPBeginner. Seguiamo le pratiche di ottimizzazione standard, ma adottiamo misure aggiuntive per gestire il nostro traffico elevato.
In questo articolo condivideremo i consigli extra per aumentare la velocità di caricamento delle pagine, molti dei quali possono essere applicati a qualsiasi sito web.
Nota: questo articolo fa parte della serie WPBeginner Insider, che condivide le competenze, i suggerimenti e gli strumenti che utilizziamo per far crescere la nostra attività.
Ecco una rapida panoramica di tutti gli elementi che tratteremo in questo articolo:
Perché la velocità di caricamento della pagina è importante?
La velocità di caricamento della pagina è la velocità con cui il vostro sito web viene visualizzato quando un utente clicca su un link.
Il nostro obiettivo è garantire che gli utenti ottengano rapidamente le informazioni di cui hanno bisogno. Un sito web che si carica più velocemente rende gli utenti felici perché possono ottenere immediatamente le informazioni che stanno cercando.
D’altra parte, un sito web lento può costringere gli utenti ad andarsene. Questo è ciò che vogliamo evitare su tutti i nostri siti web. È più probabile che gli utenti diventino abbonati o personalizzati se rimangono più a lungo sul vostro sito.
Gli utenti hanno il 36% in più di probabilità di abbandonare (bounce) un sito web se questo impiega 3 secondi a caricarsi. E hanno il 90% di probabilità di abbandonare i siti web che impiegano 5 secondi o più per caricarsi.
Source: ThinkWithGoogle
Ecco altri motivi per cui la velocità di caricamento delle pagine è così importante:
- Migliora l’engagement dell’utente: Un sito web a caricamento rapido mantiene i visitatori impegnati, consentendo loro di accedere rapidamente alle informazioni. Gli utenti che trascorrono più tempo su un sito hanno maggiori probabilità di spendere o convertire.
- Migliora le classifiche dei motori di ricerca: Grazie alla migliore esperienza dell’utente, i motori di ricerca favoriscono i siti web a caricamento rapido, classificandoli più in alto.
- Cruciale per gli utenti mobili: La velocità è particolarmente importante per la navigazione mobile. Gli utenti mobili hanno il doppio delle probabilità di abbandonare un sito web lento rispetto agli utenti desktop.
- Costruisce fiducia e autorità: Un sito a caricamento rapido appare più affidabile e professionale, il che può aiutarvi a convincere gli utenti ad acquistare dalla vostra azienda.
In sintesi, la velocità di caricamento delle pagine migliora l’esperienza complessiva dell’utente con una maggiore soddisfazione e un maggiore engagement.
Come miglioriamo la velocità di caricamento delle pagine su WPBeginner
Applichiamo tutte le migliori pratiche standard del nostro manuale di ottimizzazione delle prestazioni e della velocità di WordPress.
Inoltre, abbiamo adottato alcune misure aggiuntive per migliorare ulteriormente le prestazioni di WordPress su WPBeginner.
Ecco una schermata recente della nostra ottimizzazione delle prestazioni prima e dopo le tecniche che abbiamo implementato.
Se volete fare un test simile per il vostro sito web e vedere il vostro punteggio Google Core Web Vitals, utilizzate lo strumento PageSpeed Insights.
È sufficiente inserire l’URL da testare e fare clic sul pulsante “Analizza”.
Lo strumento analizzerà la pagina web per alcuni secondi e poi mostrerà i risultati del test.
Ora analizziamo i passi compiuti per ottenere questo punteggio di prestazioni.
1. Piattaforma di hosting più veloce
Con anni di esperienza nella gestione di aziende basate su WordPress, abbiamo imparato l’importanza di scegliere il miglior hosting WordPress.
Per i siti web di piccole dimensioni, si può iniziare con una delle migliori società di hosting, come Bluehost o Hostinger.
Tuttavia, WPBeginner è un sito web di grandi dimensioni con un elevato volume di traffico. I piani di hosting condivisi o VPS sono troppo limitati a quella scala.
Ecco perché WPBeginner è ospitato sull’infrastruttura Enterprise Cloud di SiteGround, che funziona su Google Cloud Platform.
Perché usiamo SiteGround
- L’infrastruttura di hosting di livello enterprise di SiteGround ha diversi livelli di ridondanza, che assicurano il massimo uptime.
- Funziona su Google Cloud Platform, collegata alla rete all’avanguardia di Google, che garantisce la massima velocità da ogni punto del mondo.
- Riduce i costi e le difficoltà di gestione dei singoli server di hosting dedicati.
- I miglioramenti interni di SiteGround, come PHP Ultrafast, MySQL più veloce e la compressione Brotli, danno un ulteriore impulso alle prestazioni.
- Abbiamo un’esperienza diretta di lavoro con il team di supporto di SiteGround. La competenza dei loro ingegneri, i tempi di risposta più rapidi e la disponibilità generale ci hanno sempre impressionato.
Per maggiori dettagli, potete consultare il nostro articolo sul perché WPBeginner è passato all’hosting SiteGround.
Attualmente, offre anche un generoso sconto agli utenti di WPBeginner con un nome di dominio gratuito. Il prezzo parte da 2,99 dollari al mese, un prezzo piuttosto conveniente se si considera la tecnologia e il livello di servizio offerto.
La parte migliore è che i vantaggi di SiteGround non sono limitati ai clienti aziendali. Tutti gli account di hosting condiviso di SiteGround sono ospitati anche su Google Cloud Platform.
2. DNS CloudFlare
In un precedente articolo di WPBeginner Insider, abbiamo condiviso il nostro caso di studio sul passaggio da Sucuri a Cloudflare.
Oltre alla sicurezza, l’utilizzo del DNS Cloudflare offre a WPBeginner un vantaggio significativo in termini di prestazioni.
Il DNS (Domain Name System) è come una rubrica telefonica per i siti web.
Quando si inserisce l’indirizzo di un sito web nel browser o si fa clic su un link, un servizio DNS cerca il nome del dominio e indirizza il sito web all’indirizzo IP di quel particolare sito.
Normalmente, i siti web utilizzano i server dei nomi della società di hosting per gestire il DNS. Questi non sono così veloci come Cloudflare, che permette la risoluzione DNS ai margini della rete nei suoi centri dati in oltre 310 città in tutto il mondo.
Perché usiamo il DNS di Cloudflare
- Risoluzione DNS più veloce: La rete globale di Cloudflare consente di correggere i DNS nella posizione più vicina a qualsiasi utente.
- Sicurezza integrata: Poiché tutto il traffico passa attraverso il DNS di Cloudflare, il suo web application firewall (WAF) è in grado di mitigare e bloccare rapidamente gli attacchi DDoS, lo spam, i bot inutili, le iniezioni SQL, i tentativi di hacking e altro ancora.
- Consegna CDN – La loro rete memorizza automaticamente nella cache le risorse statiche e le serve attraverso la loro rete globale, rendendo più veloce il caricamento dei siti web. Poiché questo avviene a livello di DNS, non è necessario avere sottodomini separati per le risorse CDN.
Noi usiamo il piano Enterprise, ma Cloudflare offre CDN e DNS gratuiti per i siti web più piccoli, che essenzialmente fanno la stessa cosa con meno caratteristiche.
3. Ottimizzazione delle prestazioni con WP Rocket
Per ottimizzare ulteriormente le prestazioni, utilizziamo WP Rocket, uno dei migliori plugin per le prestazioni di WordPress presenti sul mercato. Tra le altre cose, gestisce il caching, ovvero salva copie del vostro sito web in modo che le pagine si carichino più velocemente per i visitatori abituali.
Quello che ci piace di più di WP Rocket è che è il plugin più completo per l’ottimizzazione delle prestazioni di WordPress, quindi abbiamo bisogno di un solo strumento per gestire molte attività diverse.
Perché usiamo WP Rocket
- Precaricamento della cache – Di solito, un plugin per la cache aspetta che l’utente visiti una pagina per crearne una copia in cache. WP Rocket tiene automaticamente pronta la cache, il che fa una grande differenza nel tempo di caricamento delle pagine.
- Caching del browser – La memorizzazione di risorse statiche come immagini, JavaScript e CSS nella cache del browser consente un caricamento più rapido nelle visualizzazioni successive della pagina.
- Ottimizzazione dei file – WP Rocket vi aiuta a minificare e ottimizzare la distribuzione di file statici come JavaScript e fogli di stile. La riduzione delle dimensioni di questi file riduce significativamente il tempo complessivo di caricamento della pagina.
Abbiamo condiviso la nostra esperienza dettagliata con questo plugin nella nostra recensione di WP Rocket con pro e contro.
Quali impostazioni utilizziamo in WP Rocket?
Abbiamo attivato le seguenti impostazioni di WP Rocket:
- Caching della pagina completa
- Ottimizzazione dei file(minificazione dei file JS e CSS e consegna dei CSS critici)
- JavaScript differito (ritarda il caricamento di JS, il che aiuta a risolvere il problema del blocco del rendering )
- Imagely loading di immagini e file multimediali
Avete bisogno di aiuto per utilizzare queste impostazioni sul vostro sito? Abbiamo una guida passo passo per l’impostazione di WP Rocket per ottenere i migliori risultati.
4. Enqueering di JavaScript e CSS
Ottimizziamo la consegna dei file JavaScript e CSS con WP Rocket, ma prima di ciò ci assicuriamo che il nostro sito web carichi solo i file JavaScript e CSS necessari per una pagina.
Il modo più semplice per farlo è utilizzare plugin e temi WordPress che seguono le migliori pratiche di codifica di WordPress. Questi sviluppatori caricheranno uno script solo quando necessario.
Tuttavia, a volte lo sviluppatore di un plugin o di un tema non può prendere questa decisione per voi. Possono caricare gli script a livello globale per migliorare l’esperienza dell’utente.
Noi di WPBeginner abbiamo sviluppatori interni che si stanno occupando di questo problema. Eliminiamo gli script e i CSS non necessari e li inseriamo dove necessario.
⚠️Note: Questo risultato è difficile da ottenere per gli utenti principianti che non hanno competenze di codifica. Il tentativo di farlo potrebbe rompere il sito o causare un comportamento inaspettato.
Tuttavia, gli utenti con una conoscenza di base della codifica di WordPress possono farlo seguendo questi passaggi.
Innanzitutto, è necessario individuare gli script non necessari. Il modo più semplice per scoprire quali script e fogli di stile vengono caricati è usare il plugin Query Monitor.
Mostra i file JavaScript e CSS caricati in una pagina e consente di individuare quelli non necessari.
Per dequeueare uno script, è necessario utilizzare l’handle dello script come mostrato in Query Monitor. Successivamente, è possibile utilizzare il codice seguente per rilasciare lo script:
function prefix_remove_scripts() {
if ( is_front_page() ) {
wp_dequeue_script( 'plugin-script-handle' );
}
}
add_action( 'wp_print_scripts', 'prefix_remove_scripts', 100 );
Allo stesso modo, per rimuovere i fogli di stile non necessari, si può usare il seguente codice:
/**
* Remove unnecessary stylesheets
*/
function prefix_remove_styles() {
if ( is_front_page() ) {
wp_dequeue_style( 'stylesheet-handle' );
}
}
add_action( 'wp_enqueue_scripts', 'prefix_remove_styles', 100 );
Per maggiori dettagli, consultate il nostro tutorial su come aggiungere correttamente JavaScript e CSS in WordPress.
5. Scarico degli stili dell’editor di blocchi
Su WPBeginner utilizziamo l’editor di blocchi predefinito di WordPress. È estremamente veloce e il team di sviluppo di WordPress dedica molto tempo e risorse a migliorarne le prestazioni.
Per aumentare ulteriormente le prestazioni, abbiamo scaricato alcuni stili dell’editor a blocchi che non usiamo su WPBeginner.
In questo modo si riduce la dimensione del DOM e si velocizza l’elaborazione della pagina richiesta da parte dei browser.
Nella terminologia dei browser, il DOM è la mappa degli elementi e dei sottoelementi di una pagina (titoli, testo, immagini, fogli di stile, script e così via).
Un DOM più grande significa che il browser impiegherà un po’ più di tempo per elaborarlo. Un DOM più piccolo viene elaborato rapidamente.
Tuttavia, il guadagno in termini di prestazioni non è così elevato e non lo consigliamo alla maggior parte degli utenti con siti web WordPress di piccole dimensioni.
6. Miglioramenti vari delle prestazioni
Oltre ai suggerimenti di cui sopra, abbiamo anche messo in atto le migliori pratiche per garantire una migliore velocità di caricamento delle pagine.
Eccone alcuni che potete facilmente implementare sul vostro sito web:
- Immagini ottimizzate – Il nostro team si assicura che le schermate, le immagini e i media che carichiamo siano altamente ottimizzati per ridurre le dimensioni dei file. Consultate la nostra guida su come ottimizzare le immagini per WordPress.
- Ottimizzare i Cron Jobs – I Cron jobs sono attività di WordPress pianificate che vengono eseguite in background per verificare la presenza di aggiornamenti, pubblicare post programmati e così via. Anche i plugin di WordPress possono aggiungere i propri processi in background. L’ottimizzazione dei cron job riduce il carico del server e migliora le prestazioni.
- Ridurre le richieste HTTP esterne – Alcuni plugin e strumenti utilizzati possono richiedere il caricamento di file da domini esterni. Un numero eccessivo di queste richieste può aumentare il tempo di caricamento della pagina. Per risolvere questo problema, potete consultare il nostro tutorial su come disabilitare i file CSS e JavaScript dei vostri plugin.
Potete seguire la nostra guida completa alla velocità e alle prestazioni di WordPress per una descrizione più dettagliata di questi metodi e di altre strategie per migliorare il tempo di caricamento delle pagine.
Ci auguriamo che questo articolo vi abbia dato delle indicazioni su come aumentare la velocità di caricamento delle pagine dei vostri siti web. Potreste anche voler vedere come facciamo crescere la nostra lista di e-mail o dare un’occhiata alla nostra guida WordPress SEO per aumentare il vostro traffico organico.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Avete una domanda o un suggerimento? Lasciate un commento per avviare la discussione.