Vedere il tuo sito WordPress caricarsi a passo di lumaca può essere incredibilmente frustrante. Dopo aver gestito centinaia di siti web qui su WPBeginner, abbiamo scoperto che uno dei maggiori killer di velocità è qualcosa che potresti nemmeno vedere: troppe richieste HTTP.
Ogni richiesta per un'immagine, uno script o un file aggiunge un po' più di tempo di caricamento, che può accumularsi rapidamente e far abbandonare i visitatori. La buona notizia è che non devi essere uno sviluppatore per fare una grande differenza nelle prestazioni del tuo sito.
Abbiamo messo insieme un elenco dei metodi esatti e adatti ai principianti che utilizziamo per ridurre queste richieste. Esaminiamo i semplici passaggi per rendere il tuo sito notevolmente più veloce.
Perché ridurre le richieste HTTP in WordPress?
Ti sei mai chiesto perché alcuni siti web impiegano un'eternità a caricarsi? Ogni pagina di WordPress è come un puzzle composto da vari pezzi, come immagini, file CSS, JavaScript, incorporamenti video e altro ancora. Tutti questi componenti devono unirsi affinché una pagina appaia.
Immagina il tuo browser come un cameriere indaffarato che corre avanti e indietro in cucina per raccogliere ogni ingrediente separatamente. Questo può rallentare le cose, specialmente se il tuo sito è ricco di elementi visivi e funzionalità. Ogni elemento aggiunge tempo di caricamento.
Inoltre, i nostri siti web non si basano solo su ciò che è memorizzato sul server. Spesso attingono da fonti esterne, come Google Analytics o widget di social media. Sebbene questi extra possano rendere il tuo sito più ricco e interattivo, se non sono ottimizzati, possono rallentare il tuo sito.
Questi elementi non ottimizzati possono trasformarsi in un pesante fardello che frustra i visitatori che si aspettano caricamenti veloci. Un sito web lento può causare un ritardo di un secondo, facendoti perdere conversioni, visualizzazioni di pagina e persino la soddisfazione del cliente, come evidenziato da uno studio di Strange Loop.
Ecco perché ridurre le richieste HTTP è importante. Come abbiamo fatto qui su WPBeginner, concentrarsi su questo aspetto può migliorare significativamente la velocità del tuo sito, aumentare il coinvolgimento degli utenti e, in definitiva, far crescere la tua attività. La velocità non è solo una vittoria tecnica, è un vantaggio strategico.
Come Identificare le Richieste HTTP
Prima di mostrarti come ridurre le richieste HTTP in WordPress, vediamo come puoi identificarle.
Puoi visualizzare facilmente le richieste HTTP effettuate dal tuo sito web utilizzando gli strumenti per sviluppatori del tuo browser. Questo ti mostrerà un elenco dei file che devono essere caricati per visualizzare la pagina web.
In Google Chrome, ad esempio, puoi aprire gli strumenti per sviluppatori andando su Visualizza » Sviluppatore » Ispeziona. Puoi anche fare clic destro sulla pagina e selezionare 'Ispeziona' dal menu.
Quindi, naviga nella scheda 'Network'. Ricarica la pagina e vedrai un elenco di tutte le risorse caricate, comprese le richieste HTTP interne ed esterne.
Per vedere facilmente solo le richieste HTTP esterne, cerca la barra degli strumenti del filtro nella parte superiore del pannello Network e seleziona la casella etichettata 'richieste di terze parti'. Questo nasconderà tutti i file caricati dal tuo dominio.
Se vuoi solo vedere determinati tipi di file che possono influire sui tempi di caricamento, come JS (JavaScript) o CSS, utilizza semplicemente i pulsanti in alto per filtrare l'elenco.
Fai attenzione ai file che sono lenti a caricarsi. Puoi guardare la colonna ‘Tempo’ per vedere quanto tempo impiega ciascuna di queste risorse per essere caricata. Quindi, puoi fare clic sull'intestazione di questa colonna per ordinare l'elenco per tempo, e facendo clic una seconda volta i file a caricamento più lento verranno posizionati in cima.
Quando guardi la quarta colonna ‘Iniziatore’, vedrai a volte il nome del plugin o del tema che ha caricato il file. Prendi nota di eventuali plugin o temi che richiedono file a caricamento lento.
Puoi utilizzare strumenti di terze parti come Pingdom per ottenere un report più dettagliato. Per ulteriori informazioni, consulta la nostra guida su come tracciare le richieste di domini di terze parti in WordPress.
Ora che sai come identificare le richieste HTTP, tuffiamoci nei modi più efficaci per ridurle sul tuo sito WordPress.
- Combina file CSS e JavaScript
- Carica immagini e video in modo differito (Lazy Load)
- Utilizza un sistema di distribuzione dei contenuti (CDN)
- Sfrutta la cache del browser
- Riduci al minimo l'uso di risorse esterne
- Bonus: Abilita la compressione Gzip
- Domande frequenti sulla riduzione delle richieste HTTP
- Risorse aggiuntive sulle prestazioni di WordPress
1. Combina file CSS e JavaScript
Il modo migliore per ridurre il numero di richieste HTTP effettuate al tuo sito web è ridurre il numero di file a cui è necessario accedere. Puoi combinare più file per ridurre le richieste HTTP senza alcuna perdita di funzionalità.
Ad esempio, invece di avere più file CSS per diverse parti del design del tuo sito web, puoi unirli in un unico file. Questo singolo file conterrà tutto il codice di stile necessario e il browser dovrà effettuare una sola richiesta invece di molte.
Allo stesso modo, puoi combinare più file JavaScript in uno solo, riducendo il numero di richieste necessarie per caricare gli elementi interattivi del tuo sito web.
Attenzione: Sebbene la combinazione di file sia un'ottima pratica, è utile sapere che i moderni protocolli web come HTTP/2 possono caricare più file piccoli molto velocemente, a volte anche più velocemente di un file grande.
Tuttavia, per i siti su hosting più vecchi o per la massima compatibilità, combinare e minificare i file rimane una strategia solida per ridurre le richieste. Strumenti come WP Rocket gestiscono questo in modo intelligente per te! 👍
Diversi plugin per WordPress possono automatizzare questo processo per te. Le opzioni popolari includono WP Rocket (premium) e Autoptimize (gratuito).
Per informazioni dettagliate su come utilizzare questi plugin, consulta la nostra guida su come correggere JavaScript e CSS che bloccano il rendering in WordPress.
Oltre a combinare i tuoi file, questi plugin li ridurranno anche al minimo. Questo rimuove caratteri non necessari, come spazi bianchi e commenti, dal codice, rendendo i file più piccoli senza comprometterne la funzionalità.
Questo migliora ulteriormente la velocità di caricamento riducendo la quantità di dati che devono essere scaricati.
2. Lazy Load di immagini e video
Il caricamento lazy (lazy loading) è un altro ottimo modo per migliorare le prestazioni del tuo sito web, specialmente se le tue pagine contengono molte immagini o video.
Vale la pena notare che WordPress carica automaticamente le immagini in modalità lazy per impostazione predefinita, il che è un ottimo inizio. Tuttavia, plugin come WP Rocket ti offrono un maggiore controllo e possono anche caricare video e iframe in modalità lazy, il che può fare una differenza ancora maggiore.
Normalmente, WordPress carica tutti i file multimediali prima di visualizzare una pagina web, anche se quelle immagini o video si trovano più in basso nella pagina e non sono immediatamente visibili all'utente. Questo può aumentare significativamente il tempo di caricamento iniziale della pagina.
Il lazy loading ottimizza questo processo ritardando il caricamento di immagini e video finché non stanno per entrare nella visualizzazione dell'utente.
Questi utili tutorial ti aiuteranno a imparare come impostare il lazy loading sul tuo sito WordPress:
- Come caricare facilmente immagini in modalità lazy in WordPress
- Come aggiungere facilmente il caricamento pigro per i video in WordPress
- Come caricare pigramente i Gravatar nei commenti di WordPress
3. Utilizza una Content Delivery Network (CDN)
L'utilizzo di una Content Delivery Network (CDN) è un'altra strategia efficace per migliorare la velocità di caricamento del tuo sito WordPress, specialmente per gli utenti che si trovano lontano dal tuo server web.
A differenza dei metodi precedenti, una CDN non riduce il numero di richieste HTTP. Invece, ottimizza come vengono gestite tali richieste.
Normalmente, i file del tuo sito web sono archiviati su un singolo server web e gli utenti di tutto il mondo devono richiedere i file da questa unica posizione.
Una CDN memorizza copie dei file del tuo sito web su server veloci situati in tutto il mondo e questi vengono consegnati al browser dell'utente dal server più vicino a lui.
Potresti voler consultare il nostro confronto esperto dei migliori servizi CDN per WordPress per scoprire quale opzione si adatta meglio al tuo sito web.
Su WPBeginner, utilizziamo Cloudflare per migliorare la velocità di caricamento delle nostre pagine e puoi seguire il nostro tutorial passo passo su come configurare Cloudflare CDN gratuito in WordPress.
4. Sfrutta la cache del browser
Puoi anche sfruttare la cache del browser per ridurre le richieste HTTP al tuo sito web, specialmente se hai utenti ricorrenti che visitano frequentemente il tuo sito.
Quando un utente visita il tuo sito web per la prima volta, il suo browser scarica tutte le risorse necessarie, come immagini, fogli di stile e file JavaScript. La cache del browser consente al browser di memorizzare copie di questi file localmente sul computer dell'utente.
La prossima volta che visitano il tuo sito web, il browser controlla la sua cache locale prima di effettuare richieste HTTP al tuo server. Se viene trovata una copia non scaduta di un file nella cache, il browser utilizza il file locale invece di scaricarlo di nuovo.
Questo riduce significativamente il numero di richieste HTTP effettuate al tuo server, con conseguente tempi di caricamento più rapidi per i visitatori di ritorno.
Tuttavia, se il contenuto del tuo sito web viene aggiornato frequentemente, è importante impostare tempi di scadenza appropriati per le risorse memorizzate nella cache. Ciò garantisce che i tuoi utenti ricevano infine le versioni più recenti dei tuoi file.
Puoi controllare per quanto tempo le risorse vengono memorizzate nella cache aggiungendo intestazioni Expires in WordPress. Queste intestazioni indicano al browser quando un file memorizzato nella cache deve essere considerato obsoleto e deve essere scaricato nuovamente dal tuo server.
5. Riduci al minimo l'uso di risorse esterne
Molti plugin e temi di WordPress caricano risorse come script, fogli di stile e immagini da siti web esterni, come Google Analytics, Facebook e provider di font.
Queste richieste HTTP esterne possono influire sulla velocità di caricamento del tuo sito web, poiché il browser deve connettersi a più server per recuperare tutti i componenti necessari.
Anche se queste risorse esterne sono ottimizzate per la velocità, utilizzarne troppe può rallentare le prestazioni del tuo sito web.
Per ridurre queste richieste HTTP esterne, puoi iniziare disattivando ed eliminando i plugin e i temi che non ti servono realmente.
Dovresti anche considerare di trovare alternative per eventuali plugin o temi che richiedono file a caricamento lento. Potresti averne notati alcuni quando identificavi le richieste HTTP in precedenza.
E quando si scelgono i plugin di WordPress, presta attenzione alle risorse esterne che caricano. Dovresti optare per plugin che privilegiano le prestazioni ed evitare quelli che caricano script o stili esterni eccessivi.
Per un controllo più granulare sui plugin, considera l'utilizzo di uno strumento di gestione dei plugin come Plugin Organizer. Questo ti permette di caricare selettivamente i plugin solo nelle pagine in cui sono necessari.
Infine, i font web personalizzati vengono spesso caricati da provider esterni, come Google Fonts, e possono contribuire in modo significativo alle richieste HTTP. Dovresti limitare il numero di famiglie di font e pesi che utilizzi o esplorare l'uso di font di sistema, che sono già installati sui computer degli utenti.
Su WPBeginner, siamo passati ai font di sistema nel 2021, migliorando i tempi di caricamento delle nostre pagine, specialmente per gli utenti con connessioni Internet più lente. Puoi imparare a fare lo stesso nella nostra guida su come disabilitare Google Fonts sul tuo sito WordPress.
6. Bonus: Abilita la compressione Gzip
Un ultimo consiglio è di abilitare la compressione GZIP per ridurre le dimensioni dei file sul tuo server web.
Sebbene questo non riduca direttamente il numero di richieste HTTP, accelera il processo e rende più veloce il trasferimento dei file del tuo sito web.
Domande frequenti sulla riduzione delle richieste HTTP
Di seguito sono riportate alcune delle domande più frequenti che ci vengono poste riguardo all'ottimizzazione delle richieste HTTP e al miglioramento della velocità dei siti WordPress.
1. Cos'è una richiesta HTTP?
Una richiesta HTTP si verifica quando un browser web chiede a un server un pezzo di informazione necessario per caricare una pagina web. Questa può essere un'immagine, un foglio di stile (file CSS), uno script (file JavaScript) o qualsiasi altra parte del tuo sito. Ogni singolo file richiede una richiesta separata.
2. Quante richieste HTTP sono troppe per un sito web?
Non esiste un numero magico unico, poiché dipende dalla complessità del tuo sito. Tuttavia, un buon obiettivo per la maggior parte dei siti web di piccole imprese è rimanere al di sotto delle 50-60 richieste per pagina. Meno richieste deve effettuare il tuo sito, più velocemente si caricherà tipicamente per i tuoi visitatori.
3. Qual è il modo più semplice per un principiante di ridurre le richieste HTTP?
Per i principianti, il metodo più semplice è utilizzare un plugin di caching e ottimizzazione come WP Rocket. Può combinare automaticamente i file CSS e JavaScript con pochi clic, il che riduce significativamente il numero di richieste senza che tu debba toccare alcun codice.
4. Una CDN riduce il numero di richieste HTTP?
No, una Content Delivery Network (CDN) non riduce il numero effettivo di richieste. Invece, le rende molto più veloci. Una CDN memorizza copie dei tuoi file su server in tutto il mondo, quindi quando il browser di un utente richiede un file, questo viene consegnato dalla posizione più vicina possibile, riducendo il tempo di caricamento.
Risorse aggiuntive sulle prestazioni di WordPress
Speriamo che questo tutorial ti abbia aiutato a imparare come ridurre le richieste HTTP in WordPress. Potresti anche voler consultare le nostre altre guide esperte per migliorare la velocità e le prestazioni del sito.
Testare e diagnosticare la velocità del tuo sito
- Come Eseguire Correttamente un Test di Velocità del Sito Web
- Come usare GTmetrix per migliorare le prestazioni del sito
- Come stress testare un sito web WordPress
Miglioramenti fondamentali delle prestazioni
- Perché WordPress è lento? (E come risolverlo)
- Come ottimizzare le immagini per le prestazioni del web
Tecniche di ottimizzazione avanzate
- Come PHP e MySQL veloci possono aumentare la velocità del sito web
- Come Evitare Payload di Rete Enormi in WordPress
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Hai una domanda o un suggerimento? Lascia un commento per iniziare la discussione.