{"id":41345,"date":"2020-10-19T23:58:34","date_gmt":"2020-10-20T06:58:34","guid":{"rendered":"https:\/\/kinsta.com\/?p=81133"},"modified":"2023-02-02T13:56:52","modified_gmt":"2023-02-02T12:56:52","slug":"ridurre-richieste-http","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/ridurre-richieste-http\/","title":{"rendered":"Come Ridurre le Richieste HTTP in WordPress (Aumenta Facilmente la Velocit\u00e0 del Sito)"},"content":{"rendered":"

Pi\u00f9 richieste HTTP include il vostro sito, pi\u00f9 lento sar\u00e0 il suo caricamento. Ridurre il numero di richieste HTTP e ottimizzare il loro caricamento, \u00e8 possibile migliorare le prestazioni del vostro sito web<\/a>.<\/p>\n

In questo post, vi spiegheremo tutto quello che dovete sapere su come fare meno richieste HTTP su WordPress.<\/p>\n

Inizieremo con un’introduzione di base alle richieste HTTP, perch\u00e9 sono importanti e come analizzare le richieste del vostro sito WordPress.<\/p>\n

Condivideremo poi alcuni consigli e strategie che potrete implementare per ridurre le richieste del vostro sito. Oltre ad aiutarvi con il messaggio “Make Fewer HTTP Requests” in GTmetrix, queste strategie vi aiuteranno anche con il suggerimento “Avoid chaining critical requests” in Google PageSpeed Insights.<\/p>\n

<\/div><\/kinsta-auto-toc>\n\n

Preferite guardare la versione video<\/a>?<\/h3>\n

<\/kinsta-video><\/p>\n

Cosa Sono le Richieste HTTP?<\/h2>\n

Quando si costruisce un sito web<\/a>, ci sono molte parti diverse da tenere in considerazione. Ci sono i diversi file di immagine<\/a> usati in una pagina, i fogli di stile CSS<\/a> che controllano l’aspetto del contenuto, i file JavaScript che aggiungono tutte quelle funzionalit\u00e0 interessanti, e cos\u00ec via.<\/p>\n

Quando qualcuno visita il vostro sito web<\/a>, il suo browser ha bisogno di un modo per scaricare tutte le risorse necessarie per quella pagina dal vostro server. Per fare questo, invia richieste HTTP<\/strong> al server per ogni singola risorsa.<\/p>\n

Per esempio, potrebbe dire, “hey server, ho bisogno del file bellaimmagine.png” e “hey server, ho anche bisogno del foglio di stile CSS per quel plugin per i moduli di contatto<\/a>“. Il server risponde <\/strong> a queste richieste con i file in questione.<\/p>\n

Una volta che il browser web ottiene quei file, pu\u00f2 assemblare la pagina web per chi la sta visitando. Naturalmente \u00e8 un po’ pi\u00f9 complicato di cos\u00ec, ma questa \u00e8 l’idea di base.<\/p>\n

HTTP, abbreviazione di Hypertext Transfer Protocol, \u00e8 il modo in cui questi computer (il browser del visitatore e il vostro webserver) comunicano.<\/p>\n

Una cosa importante da capire \u00e8 che ogni elemento separato \u00e8 una richiesta HTTP separata. Per esempio, se avete cinque file immagine<\/a> su una pagina web, il browser deve fare cinque richieste HTTP separate, una per ogni immagine.<\/p>\n

Allo stesso modo, se usate quattro plugin WordPress<\/a> e ogni plugin aggiunge il proprio foglio di stile CSS, il browser del visitatore dovr\u00e0 effettuare quattro richieste HTTP separate, una per ogni foglio di stile del plugin.<\/p>\n

Perch\u00e9 \u00c8 Importante Ridurre le Richieste HTTP?<\/h2>\n

\"Perch\u00e9<\/p>\n

In generale, pi\u00f9 richieste HTTP fa il vostro sito web, pi\u00f9 lento sar\u00e0 il caricamento<\/a>. Quindi, se volete che il vostro sito web si carichi pi\u00f9 velocemente, dovete ottimizzare e ridurre il numero di richieste HTTP che il vostro sito richiede.<\/p>\n

Anche se questa \u00e8 una semplificazione un po’ eccessiva, l’idea di base \u00e8 che il browser web visualizzer\u00e0 il sito web ai visitatori solo quando avr\u00e0 finito di scaricare tutte le richieste HTTP (anche se ci sono alcune tattiche per dire al browser che va bene aspettare per certi file).<\/p>\n

Quindi, se un sito web deve fare 70 richieste HTTP prima di poter visualizzare la pagina, ci vorr\u00e0 pi\u00f9 tempo che se deve fare 40 richieste HTTP.<\/p>\n

Inoltre, alcune richieste HTTP “bloccheranno” altre richieste HTTP, il che significa che il browser non pu\u00f2 iniziare a scaricare alcune richieste HTTP finch\u00e9 non ha finito di scaricare le richieste HTTP che vengono prima.<\/p>\n

In conclusione: riducendo il numero delle richieste HTTP, rendete pi\u00f9 veloce il caricamento del sito web<\/a>.<\/p>\n

Come Vedere e Analizzare le Richieste HTTP del Vostro Sito<\/h2>\n

Per il momento avete imparato che, a parit\u00e0 di condizioni, la riduzione del numero di richieste HTTP accelerer\u00e0 il vostro sito<\/a>. Tuttavia, le richieste HTTP non sono sempre tutte “uguali”. Alcune richieste HTTP sono pi\u00f9 grandi di altre. Alcune sono pi\u00f9 lente di altre.<\/p>\n

Ad esempio, la richiesta di un enorme file immagine da 3 MB richieder\u00e0 molto pi\u00f9 tempo rispetto alla richiesta di una piccola immagine da 20 KB.<\/p>\n

Se volete apportare il pi\u00f9 grande miglioramento al vostro sito, concentratevi prima sulle grandi richieste HTTP a caricamento lento in modo da avere il maggiore ritorno sul vostro investimento.<\/p>\n

Per analizzare le richieste HTTP del vostro sito, potete usare una cosa chiamata Waterfall analysis<\/a>.<\/p>\n

La maggior parte degli strumenti di test della velocit\u00e0 offrono questa funzione, ma le interfacce di GTMetrix<\/a> e Pingdom<\/a> sono molto pratiche. Potete anche usare gli strumenti di sviluppo del browser (le funzioni \u201cdevelopers tools\u201d). In questo articolo, useremo GTmetrix per le nostre schermate.<\/p>\n

Una volta indicato il vostro URL<\/a>, vedrete un riquadro riassuntivo con le informazioni di base in alto. Questo mostra quante richieste HTTP ha il vostro sito, ma non suddivide le singole richieste:<\/p>\n

\"Esempio<\/p>\n

Per analizzare le vostre richieste individuali, andate alla scheda Waterfall<\/strong>qui sotto.<\/p>\n

Qui, vedrete un elenco di ogni singola richiesta HTTP sul vostro sito insieme alle informazioni su quanto tempo ha richiesto il download di quella richiesta:<\/p>\n

\"Esempio<\/p>\n

Si pu\u00f2 notare come non tutte le richieste HTTP siano uguali. Per esempio, l’immagine di 839,3 KB prende 1,12s mentre l’immagine di 57,6 KB prende solo 87,5 ms:<\/p>\n

\"richieste<\/p>\n

Potete anche trovare le richieste HTTP dai diversi plugin di WordPress che state usando: vi basta cercare il nome della cartella di quel plugin sul vostro server. Per esempio, si pu\u00f2 vedere che WooCommerce<\/a> aggiunge sette richieste HTTP:<\/p>\n

\"ricerca<\/p>\n

In questo modo, vedrete subito se qualche plugin che state usando sta aggiungendo molte richieste HTTP (e se queste caricano lentamente).<\/p>\n

Come Ottimizzare e Ridurre le Richieste HTTP in WordPress<\/h2>\n

Ad alto livello, ci sono due strategie generali per ridurre le richieste HTTP:<\/p>\n