Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aumentiamo la velocità di caricamento delle pagine su WPBeginner (6 consigli svelati)

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.

Improving WordPress page load speed on WPBeginner - A case study

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.

WPBeginner performance optimization before and after

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”.

Analyzing a Web Page for Page Speed Insights

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.

SiteGround Website

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.

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.

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.

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 di caching per WordPress presenti sul mercato. Ciò significa che salva copie del vostro sito web in modo che le pagine vengano caricate più velocemente dai visitatori abituali.

WP Rocket

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:

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.

Finding scripts and stylesheets using Query Monitor plugin

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.

WordPress block editor

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.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

1 commentoLascia una risposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.