Ogni elemento di una pagina web \u2014 CSS, JavaScript, immagini, font, icone \u2014 genera una richiesta HTTP<\/strong> separata al server. Pi\u00f9 richieste significano pi\u00f9 tempo per caricare la pagina, specialmente su connessioni lente o mobili. Ridurre il numero di richieste HTTP \u00e8 una delle ottimizzazioni pi\u00f9 efficaci per velocizzare WordPress<\/a>. In questa guida ti mostro le tecniche principali per minimizzare le richieste HTTP<\/strong> senza sacrificare funzionalit\u00e0.<\/p>\n Ogni richiesta HTTP ha un costo in termini di tempo: il browser deve risolvere il DNS, stabilire la connessione TCP, negoziare TLS (per HTTPS) e poi attendere la risposta. Anche se ogni richiesta richiede solo 50-100 millisecondi, con 80-100 richieste per pagina (non \u00e8 raro su siti WordPress con molti plugin) il tempo totale si accumula rapidamente. I browser moderni gestiscono le richieste in parallelo, ma c’\u00e8 un limite al numero di connessioni simultanee per dominio (tipicamente 6). Ridurre le richieste significa meno attesa e un rendering della pagina pi\u00f9 veloce.<\/p>\n Prima di ottimizzare, misura la situazione attuale. Apri gli Strumenti per Sviluppatori<\/strong> del browser (F12 in Chrome), vai alla tab Network<\/strong> e ricarica la pagina. In basso vedrai il numero totale di richieste e il peso complessivo. Un sito WordPress ottimizzato dovrebbe avere meno di 40-50 richieste per pagina. Puoi anche usare GTmetrix<\/strong> o WebPageTest<\/strong> per un’analisi dettagliata con suddivisione per tipo di risorsa.<\/p>\n Ogni plugin WordPress<\/a> carica i propri file CSS e JS. Con 15 plugin attivi, puoi facilmente avere 20-30 file separati. Combinare (concatenare)<\/strong> questi file in uno o pochi file riduce drasticamente le richieste. Plugin come Autoptimize<\/strong> e WP Rocket<\/strong> combinano automaticamente i file CSS in un unico file e i file JS in un altro.<\/p>\n Dopo la combinazione, \u00e8 fondamentale testare il sito: a volte la combinazione di JavaScript pu\u00f2 causare errori se l’ordine di caricamento viene alterato. In caso di problemi, puoi escludere script specifici dalla combinazione nelle impostazioni del plugin.<\/p>\n La minificazione<\/strong> rimuove spazi, commenti e caratteri non necessari dai file CSS e JS, riducendone il peso senza alterare la funzionalit\u00e0. Autoptimize, WP Rocket e LiteSpeed Cache offrono tutti la minificazione automatica. La riduzione \u00e8 tipicamente del 10-30% per i CSS e del 15-40% per i JavaScript. Combinata con la combinazione dei file, l’impatto sulle performance \u00e8 significativo.<\/p>\n Ogni plugin attivo pu\u00f2 caricare file CSS e JS su ogni pagina, anche quando non servono. Un plugin di slider carica il suo CSS e JS anche sulle pagine senza slider. Un plugin per le recensioni carica le sue risorse anche sulle pagine che non mostrano recensioni. La prima azione \u00e8 disattivare e eliminare i plugin che non usi realmente<\/strong>. Ogni plugin rimosso \u00e8 un potenziale risparmio di 2-5 richieste HTTP per pagina.<\/p>\n Per i plugin che usi ma che servono solo su specifiche pagine, puoi usare Asset CleanUp<\/strong> o Perfmatters<\/strong> per disabilitare il caricamento dei loro CSS e JS sulle pagine dove non sono necessari. Ad esempio, puoi disattivare il CSS di Contact Form 7 su tutte le pagine tranne quella di contatto. Questo pu\u00f2 ridurre le richieste di 10-20 per pagina senza perdere alcuna funzionalit\u00e0.<\/p>\n Se il tuo sito usa molte piccole icone come immagini separate, ogni icona genera una richiesta. Le soluzioni sono due: gli sprite CSS<\/strong> che combinano tutte le icone in un’unica immagine e usano il posizionamento CSS per mostrare quella giusta, oppure gli icon font<\/strong> come Font Awesome che caricano tutte le icone in un unico file font. La soluzione pi\u00f9 moderna \u00e8 usare SVG inline<\/strong>: le icone vengono inserite direttamente nell’HTML senza generare richieste aggiuntive.<\/p>\n Il lazy loading<\/strong> non riduce il numero totale di richieste, ma riduce quelle necessarie per il caricamento iniziale. Le immagini sotto la piega della pagina vengono caricate solo quando l’utente scorre verso di esse. Questo accelera il rendering iniziale e migliora la metrica Largest Contentful Paint. WordPress include il lazy loading nativo dalla versione 5.5, ma plugin come WP Rocket offrono opzioni pi\u00f9 granulari, come il lazy loading di iframe e video YouTube.<\/p>\n I Google Fonts<\/strong> e altri web font generano richieste aggiuntive verso server esterni. Ogni variante di font (regular, bold, italic) \u00e8 un file separato. Per ridurre l’impatto, limita il numero di font a massimo 2 famiglie e solo le varianti che usi realmente. Ancora meglio, ospita i font localmente<\/strong> sul tuo server usando il plugin OMGF (Optimize My Google Fonts) o scaricando manualmente i file font. Questo elimina le richieste verso server esterni e d\u00e0 al browser il pieno controllo sulla priorit\u00e0 di caricamento.<\/p>\n Se il tuo sito deve caricare risorse da domini esterni (CDN, Google Fonts, script di analytics), puoi velocizzare la connessione usando i resource hints<\/strong>. Aggiungi nell’header del sito:<\/p>\n Il preconnect<\/span> stabilisce la connessione TCP e TLS in anticipo, mentre il dns-prefetch<\/span> risolve il DNS. Entrambi risparmiano tempo quando il browser deve effettivamente scaricare le risorse.<\/p>\n Se il tuo sito WordPress fa troppe richieste HTTP e vuoi velocizzarlo senza rischiare di rompere qualcosa, il team di SoccorsoWP<\/a><\/strong> pu\u00f2 ottimizzare le performance del tuo sito con interventi mirati e testati. Apri un ticket<\/a> e riduci i tempi di caricamento.<\/p>\n","protected":false},"excerpt":{"rendered":" Come ridurre le richieste HTTP in WordPress Ogni elemento di una pagina web \u2014 CSS, JavaScript, immagini, font, icone \u2014 genera una richiesta HTTP separata…<\/p>\n","protected":false},"author":1,"featured_media":25770,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Come ridurre le richieste HTTP in WordPress","_seopress_titles_desc":"Guida pratica per ridurre le richieste HTTP su WordPress: combinare CSS\/JS, eliminare plugin inutili, lazy loading, font locali e resource hints.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"categories":[1699],"tags":[],"class_list":["post-25769","post","type-post","status-publish","format-standard","has-post-thumbnail","category-performance-e-ottimizzazione"],"_links":{"self":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/comments?post=25769"}],"version-history":[{"count":0,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25769\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media\/25770"}],"wp:attachment":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media?parent=25769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/categories?post=25769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/tags?post=25769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Perch\u00e9 le richieste HTTP impattano sulle performance<\/h2>\n
Identificare quante richieste fa il tuo sito<\/h2>\n
Combinare i file CSS e JavaScript<\/h2>\n
Minificare CSS e JavaScript<\/h2>\n
Eliminare i plugin che non usi<\/h2>\n
Caricare gli asset solo dove servono<\/h2>\n
Usare sprite CSS o icon font<\/h2>\n
Implementare il lazy loading<\/h2>\n
Ridurre i font esterni<\/h2>\n
Preconnettere ai domini esterni<\/h2>\n
<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"dns-prefetch\" href=\"https:\/\/www.google-analytics.com\"><\/pre>\n
Serve aiuto con l’ottimizzazione?<\/h2>\n