{"id":14460,"date":"2025-03-20T20:47:00","date_gmt":"2025-03-20T20:47:00","guid":{"rendered":"https:\/\/newblog.siteground.com\/it\/?p=14460"},"modified":"2025-11-07T10:47:19","modified_gmt":"2025-11-07T10:47:19","slug":"eliminare-risorse-bloccano-rendering","status":"publish","type":"post","link":"https:\/\/it.siteground.com\/blog\/eliminare-risorse-bloccano-rendering\/","title":{"rendered":"Come Eliminare le Risorse che Bloccano il Rendering"},"content":{"rendered":"\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Questo articolo \u00e8 stato originariamente scritto e pubblicato il 28 marzo 2022 da Cal Evans. \u00c8 stato aggiornato il 20 marzo 2025 per riflettere gli ultimi sviluppi nelle tecniche per eliminare le risorse che bloccano il rendering.<\/p><\/div>\n\n\n\n<p>Nei primi giorni del web, le prime pagine web erano costruite in una versione semplificata di XML chiamata HTML. Bianco con testo nero. Se vedevi una frase con una sottolineatura blu, sapevi che potevi cliccarci sopra. Se era viola, sapevi che ci avevi gi\u00e0 cliccato.<\/p>\n\n\n\n<p>La vita era semplice.<\/p>\n\n\n\n<p>Oggi l&#8217;HTML \u00e8 solitamente la parte pi\u00f9 piccola di qualsiasi pagina web. Quando un browser richiede una pagina, ottiene l&#8217;HTML ma poi deve analizzarlo e scaricare le risorse.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CSS<\/li>\n\n\n\n<li>JavaScript<\/li>\n\n\n\n<li>Immagini<\/li>\n\n\n\n<li>Font<\/li>\n\n\n\n<li>&#8230;e altri file esterni necessari per fornire l&#8217;esperienza utente<\/li>\n<\/ul>\n\n\n\n<p>Non tutte le risorse sono uguali. Alcune risorse che devono essere caricate possono effettivamente rallentare la visualizzazione della pagina web.<\/p>\n\n\n\n<p>Queste risorse sono chiamate <strong>\u201cRisorse che Bloccano il Rendering\u201d<\/strong> e questo articolo ti mostrer\u00e0 alcune <strong>tattiche che puoi usare per ridurre il numero di risorse che bloccano il rendering sul tuo sito web<\/strong> e come applicarle manualmente o utilizzando il plugin SiteGround Speed Optimizer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cosa-sono-le-risorse-che-bloccano-il-rendering\"><span class=\"ez-toc-section\" id=\"Cosa_Sono_le_Risorse_che_Bloccano_il_Rendering\"><\/span><strong>Cosa Sono le Risorse che Bloccano il Rendering?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u201cRender\u201d \u00e8 il termine tecnico per \u201cvisualizzare\u201d. In questo articolo, ogni volta che parliamo di rendering, intendiamo il processo di visualizzazione del tuo sito web su uno schermo.<\/p>\n\n\n\n<p>Ogni risorsa caricata nel tuo sito web ha il potenziale di essere una risorsa che blocca il rendering. Questo include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Immagini grandi<\/li>\n\n\n\n<li>Codice JavaScript che deve essere eseguito nella &lt;head&gt; della tua pagina<\/li>\n\n\n\n<li>CSS grande che la tua pagina non pu\u00f2 visualizzare finch\u00e9 non \u00e8 completamente caricato<\/li>\n\n\n\n<li>Qualsiasi risorsa da un altro sito che \u00e8 pi\u00f9 lenta del tuo<\/li>\n\n\n\n<li>Plugin che hanno ciascuno i propri file CSS e JavaScript<\/li>\n<\/ul>\n\n\n\n<p>In breve, <strong>qualsiasi cosa tu abbia nel tuo HTML da caricare \u00e8 potenzialmente una risorsa che blocca il rendering.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-perche-dovresti-eliminare-le-risorse-che-bloccano-il-rendering\"><span class=\"ez-toc-section\" id=\"Perche_Dovresti_Eliminare_le_Risorse_che_Bloccano_il_Rendering\"><\/span><strong>Perch\u00e9 Dovresti Eliminare le Risorse che Bloccano il Rendering?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Quando un visitatore arriva sul tuo sito web, il suo browser vuole mostrargli la pagina il pi\u00f9 rapidamente possibile. Ma se ci sono troppe risorse che bloccano il rendering, il browser deve frenare e aspettare che quei file vengano scaricati e processati prima di mostrare qualcosa di utile.<\/p>\n\n\n\n<p>Questo crea quello che chiamiamo un &#8220;primo rendering lento&#8221; &#8211; quella pausa imbarazzante in cui gli utenti fissano una pagina vuota o caricata a met\u00e0. Non \u00e8 l&#8217;ideale, giusto?<\/p>\n\n\n\n<p>Ecco perch\u00e9 \u00e8 importante:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Migliore Esperienza Utente<\/strong> \u2013 Le pagine che si caricano velocemente sembrano fluide e ben rifinite. Una pagina che si carica lentamente, invece, pu\u00f2 frustrare i visitatori e farli andare via prima ancora di vedere il tuo contenuto.<\/li>\n\n\n\n<li><strong>Miglioramento<\/strong> <a href=\"https:\/\/it.siteground.com\/kb\/seo-guida-generale\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>SEO<\/strong><\/a> \u2013 Google e altri motori di ricerca considerano la velocit\u00e0 della pagina come un fattore di ranking primario. Se le tue pagine sono lente a causa delle risorse che bloccano il rendering, questo dannegger\u00e0 la tua posizione nei risultati di ricerca.<\/li>\n\n\n\n<li><strong>Maggiore Conversione<\/strong> \u2013 Che tu gestisca un negozio online, un blog o un sito portfolio, le pagine che si caricano pi\u00f9 velocemente spesso significano tassi di conversione pi\u00f9 alti. Una pagina reattiva aiuta a mantenere le persone coinvolte.<\/li>\n\n\n\n<li><strong>Uso pi\u00f9 Efficiente delle Risorse<\/strong> \u2013 Eliminare asset non necessari o mal ottimizzati riduce l&#8217;uso di banda e il carico sul server, il che pu\u00f2 farti risparmiare denaro e ridurre lo stress sul tuo ambiente di hosting.<\/li>\n<\/ul>\n\n\n\n .post-page__colored-blocks.post-page__colored-blocks&#8211;update p {\n    margin: 15px 0px;\n}\n\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Con <strong>Interaction to Next Paint (INP)<\/strong> che sostituisce <strong>First Input Delay (FID)<\/strong> come metrica dei <a href=\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>core web vitals<\/strong><\/a>, \u00e8 ancora pi\u00f9 importante ridurre le risorse che bloccano il rendering.<br><br>Ottimizzare la velocit\u00e0 con cui gli utenti possono interagire con la tua pagina non solo migliorer\u00e0 le prestazioni percepite ma avr\u00e0 anche un impatto positivo sul tuo punteggio dei web vitals.<\/p><\/div>\n\n\n\n<p>Alla fine della giornata, l&#8217;obiettivo del tuo sito web \u00e8 comunicare qualcosa rapidamente e chiaramente. Le risorse che bloccano il rendering ostacolano questo obiettivo ritardando il momento in cui i visitatori possono effettivamente iniziare a interagire con il tuo contenuto.<\/p>\n\n\n\n<p>Ora che conosci il &#8220;perch\u00e9&#8221;, vediamo come individuare questi rallentamenti e ottimizzare il processo di caricamento del tuo sito web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-come-identificare-le-risorse-che-bloccano-il-rendering-sul-tuo-sito-web\"><span class=\"ez-toc-section\" id=\"Come_Identificare_le_Risorse_che_Bloccano_il_Rendering_sul_Tuo_Sito_Web\"><\/span><strong>Come Identificare le Risorse che Bloccano il Rendering sul Tuo Sito Web?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ci sono molti strumenti che ti aiutano a vedere come si carica il tuo sito web. Ti suggeriamo queste opzioni per identificare le risorse che bloccano il rendering:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-utilizzando-browser-devtools\"><strong>Utilizzando Browser DevTools<\/strong><\/h3>\n\n\n\n<p>Questo \u00e8 uno degli strumenti che pu\u00f2 mostrarti una vista a &#8220;cascata&#8221; di come si carica una pagina. Tutti i browser moderni includono questa funzione.<\/p>\n\n\n\n<p>Fai clic con il tasto destro del mouse in qualsiasi punto della tua pagina web, seleziona <strong>\u201cIspeziona\u201d<\/strong>, quindi vai alla scheda <strong>\u201cRete\u201d<\/strong>.<\/p>\n\n\n\n<p>Ricarica la pagina e vedrai qualcosa del genere:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/03\/image1-1024x605-1.jpeg\" alt=\"Screenshot della scheda Rete di Ispeziona elemento per eliminare le risorse che bloccano il rendering.\" class=\"wp-image-14465\" \/><\/figure>\n\n\n\n<p>Sul lato destro, noterai il grafico a cascata. Le barre colorate mostrano quanto tempo impiega ciascuna risorsa a caricarsi. La sottile linea blu segna quando la pagina inizia a essere visualizzata.<\/p>\n\n\n\n<p>Se noti molte risorse che si caricano prima di quella linea, potrebbe significare che c&#8217;\u00e8 spazio per miglioramenti.<\/p>\n\n\n\n<p>Questa vista integrata \u00e8 ottima per controlli rapidi, ma ti dice solo come la pagina si comporta sulla tua configurazione attuale. Se stai sviluppando localmente, i risultati potrebbero essere pi\u00f9 veloci rispetto alle condizioni reali.<\/p>\n\n\n\n<p>Per approfondimenti pi\u00f9 dettagliati, puoi rivolgerti a strumenti online come <a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WebPageTest<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-webpagetest-amp-altri-strumenti-di-test-delle-prestazioni\"><strong>WebPageTest &amp; Altri Strumenti di Test delle Prestazioni<\/strong><\/h3>\n\n\n\n<p>WebPageTest ti offre un quadro pi\u00f9 chiaro di come il tuo sito si comporta a livello globale. Inoltre, puoi personalizzare i test per adattarli alle condizioni reali.<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\"><strong>Consiglio Pro<\/strong>: Se vuoi una panoramica pi\u00f9 rapida, strumenti come <a href=\"https:\/\/it.siteground.com\/kb\/guida-google-pagespeed-insights\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>PageSpeed Insights<\/strong><\/a> segnalano anche le risorse che bloccano il rendering.<\/p><\/div>\n\n\n\n<p>Il metodo tipico \u00e8:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inizia con un test desktop<\/li>\n\n\n\n<li>Scegli una posizione del server distante dall&#8217;host del tuo sito web<\/li>\n\n\n\n<li>Rimani con Chrome a meno che tu non abbia un motivo per scegliere un altro browser<\/li>\n<\/ul>\n\n\n\n<p>Puoi regolare queste impostazioni nella scheda <strong>\u201cConfigurazione Avanzata\u201d<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"346\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/03\/image2-1024x346-1.jpeg\" alt=\"Screenshot dello strumento WebPageTest con i campi per l\u2019URL, la posizione e il browser da testare.\" class=\"wp-image-14466\" \/><\/figure>\n\n\n\n<p>Clicca su <strong>\u201cAvvia Test\u201d<\/strong> e rivedi i risultati.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"397\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/03\/image3-1024x397-1.jpeg\" alt=\"Risultati di WebPageTest.\" class=\"wp-image-14467\" \/><\/figure>\n\n\n\n<p>Ora vedrai un grafico a cascata pi\u00f9 dettagliato. Cliccandoci sopra si apre una versione a grandezza naturale dove puoi individuare i file JavaScript e CSS che bloccano il rendering.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"671\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/03\/image4-1024x671-1.jpeg\" alt=\"Visualizzazione a cascata di WebPageTest per eliminare le risorse che bloccano il rendering.\" class=\"wp-image-14468\" \/><\/figure>\n\n\n\n<p>In questo esempio, ci sono 32 risorse che bloccano il rendering, principalmente file CSS, con alcuni file JavaScript mescolati.<\/p>\n\n\n\n<p>\u00c8 facile capire perch\u00e9 JavaScript pu\u00f2 bloccare il rendering, ma anche il CSS pu\u00f2 farlo. Il browser non pu\u00f2 visualizzare completamente la pagina finch\u00e9 non ha tutti gli stili di cui ha bisogno. Se una regola CSS importante viene caricata in ritardo, la tua pagina potrebbe fermarsi finch\u00e9 non \u00e8 pronta.<\/p>\n\n\n\n<p>Ecco perch\u00e9 ottimizzare la consegna di CSS e JS \u00e8 fondamentale, ed \u00e8 esattamente ci\u00f2 di cui parleremo ora.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-come-eliminare-le-risorse-che-bloccano-il-rendering\"><span class=\"ez-toc-section\" id=\"Come_Eliminare_le_Risorse_che_Bloccano_il_Rendering\"><\/span><strong>Come Eliminare le Risorse che Bloccano il Rendering<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Nel tempo, gli sviluppatori web hanno sperimentato vari metodi per ridurre o eliminare le risorse che bloccano il rendering. Oggi, ci sono diverse tecniche affidabili che puoi usare per velocizzare il rendering delle pagine.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-ottimizzare-il-caricamento-di-javascript\"><strong>1. Ottimizzare il Caricamento di JavaScript<\/strong><\/h3>\n\n\n\n<p>JavaScript \u00e8 uno dei colpevoli pi\u00f9 comuni quando si tratta di bloccare il rendering. Fortunatamente, ci sono diverse tecniche per controllare come e quando i tuoi script vengono caricati, in modo che la tua pagina possa essere visualizzata pi\u00f9 velocemente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-1-1-comprendere-async-vs-defer\"><strong>1.1. Comprendere Async vs. Defer<\/strong><\/h4>\n\n\n\n<p>Per evitare che i file JavaScript blocchino il rendering della pagina, dovresti usare gli attributi <strong><em>DEFER<\/em><\/strong> o <strong><em>ASYNC<\/em><\/strong> nei tuoi tag script.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script defer src=\"https:\/\/example.com\/script.js\"&gt;&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>DEFER<\/strong> scarica lo script mentre la pagina viene visualizzata ed esegue solo dopo che l&#8217;HTML \u00e8 stato completamente analizzato. Preserva l&#8217;ordine degli script.<\/li>\n\n\n\n<li><strong>ASYNC<\/strong> scarica ed esegue lo script non appena \u00e8 pronto, indipendentemente dallo stato di rendering della pagina. Questo pu\u00f2 causare l&#8217;esecuzione degli script fuori ordine.<\/li>\n<\/ul>\n\n\n\n<p>In generale, <strong>DEFER<\/strong> \u00e8 la scelta migliore, specialmente quando i tuoi script dipendono l&#8217;uno dall&#8217;altro o dal DOM. Permette al browser di concentrarsi sulla visualizzazione della pagina prima di eseguire gli script.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-1-2-gestire-efficientemente-gli-script-di-terze-parti\"><strong>1.2. Gestire Efficientemente gli Script di Terze Parti<\/strong><\/h4>\n\n\n\n<p>Gli script di terze parti, come quelli di analisi o widget di condivisione sociale, sono comuni bloccanti del rendering. Se possibile, carica questi script usando <strong>DEFER<\/strong> o <strong>ASYNC<\/strong>.<\/p>\n\n\n\n<p>Alcuni script di terze parti non essenziali possono anche essere spostati per essere caricati dopo che la pagina \u00e8 stata completamente visualizzata, utilizzando listener di eventi come window.onload.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-1-3-caricamento-pigro-di-script-non-critici-con-intersectionobserver\"><strong>1.3. Caricamento Pigro di Script Non Critici con IntersectionObserver<\/strong><\/h4>\n\n\n\n<p>Per gli script che sono necessari solo quando un utente interagisce o scorre fino a una certa sezione (ad esempio, widget di chat o video incorporati), puoi caricarli in \u201cmodo pigro\u201d usando l&#8217;API IntersectionObserver.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const observer = new IntersectionObserver((entries) =&gt; {\n  if (entries&#091;0].isIntersecting) {\n    \/\/ Dynamically load script here\n  }\n});\nobserver.observe(document.querySelector('#lazy-element'));<\/code><\/pre>\n\n\n\n<p>Questo dice al browser di caricare questi script solo quando gli elementi correlati entrano in vista, riducendo il carico iniziale per il browser.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-ottimizzazione-del-css-per-un-rendering-piu-veloce\"><strong>2. Ottimizzazione del CSS per un Rendering pi\u00f9 Veloce<\/strong><\/h3>\n\n\n\n<p>Il CSS dice al tuo browser come stilizzare la tua pagina, ma pu\u00f2 anche rallentare la velocit\u00e0 con cui la pagina appare. Vediamo come far funzionare il tuo CSS con te, non contro di te, quando si tratta di prestazioni.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-2-1-inlining-del-css-critico-per-il-contenuto-above-the-fold\"><strong>2.1. Inlining del CSS Critico per il Contenuto Above the Fold<\/strong><\/h4>\n\n\n\n<p>I browser bloccano il rendering finch\u00e9 non hanno elaborato il CSS. Per velocizzare il primo paint, Google suggerisce di identificare il tuo \u201c<strong>CSS critico<\/strong>\u201d (gli stili necessari per il contenuto <em>above the fold<\/em>) e di inserirli direttamente nel tuo HTML.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\/* Critical CSS goes here *\/&lt;\/style&gt;<\/code><\/pre>\n\n\n\n<p>Questo elimina la necessit\u00e0 per il browser di attendere i fogli di stile esterni prima di visualizzare il contenuto <em>above the fold, cio\u00e8 immediatamente visibile appena aperta la pagina principale<\/em>.<\/p>\n\n\n\n<p>Il modo pi\u00f9 semplice per identificare e inserire il CSS critico in linea \u00e8 utilizzare strumenti come il <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/coverage\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Chrome Coverage Tool<\/a> per vedere quali stili vengono caricati durante il rendering iniziale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"844\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/03\/image5.jpeg\" alt=\"Strumento Chrome Coverage per eliminare il CSS che blocca il rendering.\" class=\"wp-image-14469\" \/><\/figure>\n\n\n\n<p>Lo strumento ti mostrer\u00e0 il CSS non critico (barra rossa) e critico (barra verde) che stai caricando.<\/p>\n\n\n\n<p>Estraendo il CSS critico e posizionandolo <em>inline, (in linea)<\/em>, puoi rimuovere il CSS come risorsa che blocca il rendering.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-2-2-differire-il-css-non-critico\"><strong>2.2. Differire il CSS Non Critico<\/strong><\/h4>\n\n\n\n<p>Per gli stili non essenziali, come quelli che influenzano il footer o gli elementi sotto il fold, puoi differire il caricamento utilizzando l&#8217;attributo media con un valore come print e cambiarlo a all dopo che la pagina \u00e8 stata caricata:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"stylesheet\" href=\"non-critical.css\" media=\"print\" onload=\"this.media='all'\"&gt;<\/code><\/pre>\n\n\n\n<p>Questo trucco permette al browser di dare priorit\u00e0 alle risorse critiche e caricare il resto dopo che la pagina \u00e8 visivamente completa.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-2-3-precaricare-i-file-css-chiave\"><strong>2.3. Precaricare i File CSS Chiave<\/strong><\/h4>\n\n\n\n<p>Un&#8217;altra tattica \u00e8 precaricare i file CSS che sai essere cruciali ma che non vuoi inserire come <em>inline<\/em>. Il precaricamento aiuta il browser a scoprire queste risorse prima nel processo di rendering:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"preload\" href=\"important.css\" as=\"style\" onload=\"this.rel='stylesheet'\"&gt;<\/code><\/pre>\n\n\n\n<p>\u00c8 utile per i fogli di stile importanti che influenzano l&#8217;aspetto e la sensazione del contenuto <em>above the fold<\/em> ma sono troppo grandi o complessi per essere inseriti come <em>inline<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-tecniche-di-rendering-progressivo\"><strong>3. Tecniche di Rendering Progressivo<\/strong><\/h3>\n\n\n\n<p>Oltre agli script e ai fogli di stile, ci sono alcune strategie aggiuntive che puoi utilizzare per caricare progressivamente il contenuto e velocizzare il primo paint del tuo sito web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-3-1-server-side-rendering-ssr-e-generazione-statica\"><strong>3.1. Server-Side Rendering (SSR) e Generazione Statica<\/strong><\/h4>\n\n\n\n<p>Il <strong>Server-Side Rendering<\/strong> (SSR), cioe il Rendering Lato Server e la generazione statica possono aiutare a fornire HTML completamente formato al browser, riducendo la dipendenza dagli script lato client per il rendering iniziale.<\/p>\n\n\n\n<p>Questo significa che il contenuto diventa visibile prima perch\u00e9 il browser non deve aspettare che JavaScript costruisca la struttura della pagina.<\/p>\n\n\n\n<p>Framework come Next.js o Gatsby rendono pi\u00f9 facile implementare SSR e generazione statica.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-3-2-ottimizzazione-di-font-e-immagini-per-migliorare-i-tempi-di-caricamento\"><strong>3.2. Ottimizzazione di Font e Immagini per Migliorare i Tempi di Caricamento<\/strong><\/h4>\n\n\n\n<p>Anche i font e le immagini possono bloccare il rendering se non gestiti correttamente. Per ottimizzarli:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Usa la propriet\u00e0 CSS font-display: swap per evitare che i file dei font blocchino il primo paint.<\/li>\n\n\n\n<li>Carica le immagini sotto il fold in modo \u201cpigro\u201d utilizzando l&#8217;attributo <em>loading=&#8221;lazy&#8221;<\/em>.<\/li>\n\n\n\n<li>Precarica font chiave o <em>hero images<\/em> con il tag &lt;link rel=&#8221;preload&#8221;&gt;per dare loro priorit\u00e0.<\/li>\n<\/ul>\n\n\n\n<p>Insieme, queste strategie migliorano le prestazioni del tuo sito permettendo ai browser di visualizzare il contenuto il prima possibile mentre caricano le risorse non essenziali in background.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-come-ridurre-le-risorse-che-bloccano-il-rendering-in-wordpress-con-siteground-speed-optimizer\"><span class=\"ez-toc-section\" id=\"Come_Ridurre_le_Risorse_che_Bloccano_il_Rendering_in_WordPress_con_SiteGround_Speed_Optimizer\"><\/span><strong>Come Ridurre le Risorse che Bloccano il Rendering in WordPress con SiteGround Speed Optimizer<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Se stai usando WordPress, il plugin <a href=\"https:\/\/it.siteground.com\/tutorial\/wordpress\/speed-optimizer\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Speed Optimizer<\/strong><\/a> di SiteGround offre un modo semplice per ridurre le risorse che bloccano il rendering senza toccare il tuo codice.<\/p>\n\n\n\n<p>Anche se non ospiti con SiteGround, questo plugin pu\u00f2 comunque aiutare a ottimizzare le prestazioni del tuo sito web.<\/p>\n\n\n\n .post-page__colored-blocks.post-page__colored-blocks&#8211;update p {\n    margin: 15px 0px;\n}\n\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\"><strong>Attenzione<\/strong>:<br><br>Quando apporti queste modifiche, \u00e8 importante procedere con cautela. Ti consigliamo di regolare un&#8217;impostazione alla volta e poi controllare il tuo sito in un browser diverso per assicurarti che tutto funzioni ancora correttamente.<br><br>In questo modo, puoi identificare eventuali problemi e risolverli immediatamente prima di passare alla prossima ottimizzazione.<\/p><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-ottimizzazione-di-javascript\"><strong>1. Ottimizzazione di JavaScript<\/strong><\/h3>\n\n\n\n<p>Per prima cosa, vai alle impostazioni di <strong>JavaScript<\/strong> nel plugin. Ecco le ottimizzazioni chiave:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2870\" height=\"1332\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/03\/js-settings-optimizer.jpeg\" alt=\"Screenshot delle impostazioni JavaScript Frontend di Speed Optimizer, con le opzioni per minificare, combinare e differire i file JavaScript, e opzioni aggiuntive per escludere file specifici dall'ottimizzazione.\" class=\"wp-image-14471\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Minimizza i File JavaScript:<\/strong> Questo rimuove i caratteri non necessari dal tuo codice JavaScript. Lo rende pi\u00f9 piccolo e veloce da caricare.<\/li>\n\n\n\n<li><strong>Combina i File JavaScript:<\/strong> Combinare i file JavaScript riduce il numero di richieste che il browser deve fare, accelerando il tempo di caricamento.<\/li>\n\n\n\n<li><strong>Differisci il JavaScript che Blocca il Rendering:<\/strong> Questa opzione importante aggiunge l&#8217;attributo DEFER ai tuoi file JavaScript, permettendo alla pagina di essere renderizzata prima di eseguire JavaScript.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-ottimizzazione-del-css\"><strong>2. Ottimizzazione del CSS<\/strong><\/h3>\n\n\n\n<p>Successivamente, vai alle impostazioni di <strong>CSS<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/03\/css-settings-optimizer-1024x478.jpeg\" alt=\"Screenshot delle impostazioni CSS Frontend di Speed Optimizer, con le opzioni per minificare, combinare e precaricare i file CSS, e opzioni aggiuntive per escludere file specifici dall'ottimizzazione.\" class=\"wp-image-14464\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Precarica il CSS Combinato:<\/strong> Questa impostazione assicura che il tuo file CSS combinato venga caricato presto nel processo, cos\u00ec \u00e8 disponibile quando la pagina inizia a essere renderizzata.<\/li>\n\n\n\n<li><strong>Minimizza i File CSS:<\/strong> Questo rimuove spazi, nuove righe e commenti dal tuo CSS, riducendo la dimensione del file e migliorando i tempi di caricamento.<\/li>\n\n\n\n<li><strong>Combina i File CSS:<\/strong> Combinare i file CSS aiuta a ridurre il blocco del rendering abbassando il numero di richieste HTTP.<\/li>\n<\/ul>\n\n\n\n<p>Applicando queste ottimizzazioni, puoi ridurre significativamente le risorse che bloccano il rendering sul tuo sito WordPress e <a href=\"https:\/\/it.siteground.com\/kb\/come-migliorare-prestazioni-sito\/\" target=\"_blank\" rel=\"noreferrer noopener\">renderlo pi\u00f9 veloce<\/a>.<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Se vuoi approfondire le ottimizzazioni di WordPress, dai un&#8217;occhiata al nostro video su <a href=\"https:\/\/www.youtube.com\/watch?v=pjq1mcaBJrM\"><strong>Come Velocizzare il Tuo Sito WordPress Come un Pro.<\/strong><\/a><\/p><\/div>\n\n\n\n\n\n\n\n<p>Dopo aver seguito tutti questi passaggi sul nostro sito di test, siamo scesi a 24 risorse che bloccano il rendering da 32. \u00c8 davvero un buon inizio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/03\/image6-1024x496-1.jpeg\" alt=\"Visualizzazione a cascata dei risultati di WebPageTest dopo le ottimizzazioni.\" class=\"wp-image-14470\" \/><\/figure>\n\n\n\n<p>Il passo successivo \u00e8 individuare tutto il CSS critico e inserirlo come <em>inline<\/em>. Poi differire tutto il resto del CSS e applicare le altre tecniche di ottimizzazione di cui abbiamo discusso sopra. <strong>Questo rimuover\u00e0 quasi tutti i rimanenti blocchi di rendering.<\/strong><\/p>\n\n\n\n<p>Ora, passiamo a una lista di controllo finale di tutte le tecniche che abbiamo esplorato.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-lista-di-controllo-per-eliminare-le-risorse-che-bloccano-il-rendering\"><span class=\"ez-toc-section\" id=\"Lista_di_Controllo_per_Eliminare_le_Risorse_che_Bloccano_il_Rendering\"><\/span><strong>Lista di Controllo per Eliminare le Risorse che Bloccano il Rendering<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ormai, hai imparato che le risorse che bloccano il rendering non solo rallentano le cose, ma possono influenzare direttamente l&#8217;esperienza utente, <a href=\"https:\/\/it.siteground.com\/kb\/audit-tecnico-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a> e conversioni.<\/p>\n\n\n\n<p>Per aiutarti a mettere tutto in pratica, ecco una lista di controllo che puoi seguire:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Identifica le risorse che bloccano il rendering utilizzando gli strumenti DevTools del browser o strumenti come WebPageTest.<\/li>\n\n\n\n<li>\u2705 Aggiungi attributi <strong>defer<\/strong> o <strong>async<\/strong> ai file JavaScript non critici.<\/li>\n\n\n\n<li>\u2705 Ottimizza gli script di terze parti caricandoli in modo asincrono o differendoli quando possibile.<\/li>\n\n\n\n<li>\u2705 Usa <strong>IntersectionObserver<\/strong> per caricare in modo \u201cpigro\u201d gli script che non sono necessari immediatamente.<\/li>\n\n\n\n<li>\u2705 Inserisci inline il tuo CSS critico (stili <em>above the fold<\/em>) direttamente nel tuo HTML.<\/li>\n\n\n\n<li>\u2705 Differisci il CSS non critico o caricalo in modo asincrono, e rimuovi il CSS non utilizzato.<\/li>\n\n\n\n<li>\u2705 Precarica i file CSS importanti per dare al browser un vantaggio.<\/li>\n\n\n\n<li>\u2705 Implementa tecniche di rendering progressivo come il Rendering Lato Server (SSR) o la generazione statica dove ha senso.<\/li>\n\n\n\n<li>\u2705 Ottimizza font e immagini per rimuovere i colli di bottiglia nascosti.<\/li>\n\n\n\n<li>\u2705 Usa plugin di ottimizzazione delle prestazioni come il SiteGround Speed Optimizer per automatizzare facilmente molte di queste attivit\u00e0.<\/li>\n<\/ul>\n\n\n\n<p>Eliminare le risorse che bloccano il rendering pu\u00f2 sembrare un lavoro da perfezionisti. Ma ognuno di questi passaggi riduce quei fastidiosi ritardi durante i caricamenti delle pagine. Applicali costantemente e creerai un&#8217;esperienza pi\u00f9 veloce e fluida per i tuoi visitatori.<\/p>\n\n\n\n<p>Dal miglioramento dell&#8217;esperienza utente al potenziamento della SEO, ogni ottimizzazione conta. Quando le tue pagine si caricano rapidamente, i visitatori rimangono pi\u00f9 a lungo e i motori di ricerca se ne accorgono.<\/p>\n\n\n\n<p>La parte migliore? Con uno strumento come il SiteGround Speed Optimizer, puoi automatizzare molti di questi passaggi e ottenere risultati pi\u00f9 rapidi senza troppi problemi e conoscenze di codifica.<\/p>\n\n\n\n<p>A lungo termine, ogni piccolo miglioramento si somma, ed \u00e8 questo che mantiene il tuo sito web veloce, affidabile e pronto a performare.<\/p>\n","protected":false},"excerpt":{"rendered":"Questo articolo \u00e8 stato originariamente scritto e pubblicato il 28 marzo 2022 da Cal Evans. \u00c8 stato aggiornato il 20 marzo 2025 per riflettere gli ultimi sviluppi nelle tecniche per eliminare le risorse che bloccano il rendering. Nei primi giorni del web, le prime pagine web erano costruite in una versione semplificata di XML chiamata&hellip;","protected":false},"author":136,"featured_media":14461,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2893],"tags":[],"class_list":["post-14460","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hosting-e-sito-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come Eliminare le Risorse che Bloccano il Rendering - Il blog di SiteGround<\/title>\n<meta name=\"description\" content=\"Scopri tattiche efficaci per eliminare le risorse che bloccano il rendering e come applicarle manualmente o utilizzando il plugin SiteGround Speed Optimizer\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come Eliminare le Risorse che Bloccano il Rendering\" \/>\n<meta property=\"og:description\" content=\"Scopri tattiche efficaci per eliminare le risorse che bloccano il rendering e come applicarle manualmente o utilizzando il plugin SiteGround Speed Optimizer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/\" \/>\n<meta property=\"og:site_name\" content=\"SiteGround\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-20T20:47:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T10:47:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aleksandar Kolev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aleksandar Kolev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/\"},\"author\":{\"name\":\"Aleksandar Kolev\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/cb7243a505466cc04641e011eb97c94d\"},\"headline\":\"Come Eliminare le Risorse che Bloccano il Rendering\",\"datePublished\":\"2025-03-20T20:47:00+00:00\",\"dateModified\":\"2025-11-07T10:47:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/\"},\"wordCount\":2665,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg\",\"articleSection\":[\"Hosting e sito web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/\",\"url\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/\",\"name\":\"Come Eliminare le Risorse che Bloccano il Rendering - Il blog di SiteGround\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg\",\"datePublished\":\"2025-03-20T20:47:00+00:00\",\"dateModified\":\"2025-11-07T10:47:19+00:00\",\"description\":\"Scopri tattiche efficaci per eliminare le risorse che bloccano il rendering e come applicarle manualmente o utilizzando il plugin SiteGround Speed Optimizer\",\"breadcrumb\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#primaryimage\",\"url\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/newblog.siteground.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come Eliminare le Risorse che Bloccano il Rendering\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#website\",\"url\":\"https:\/\/newblog.siteground.com\/it\/\",\"name\":\"Il blog di SiteGround\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/newblog.siteground.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\",\"name\":\"Il blog di SiteGround\",\"url\":\"https:\/\/newblog.siteground.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"width\":164,\"height\":250,\"caption\":\"Il blog di SiteGround\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/cb7243a505466cc04641e011eb97c94d\",\"name\":\"Aleksandar Kolev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e052d4b0a923379bef2baff3319f7dbe?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e052d4b0a923379bef2baff3319f7dbe?s=96&d=mm&r=g\",\"caption\":\"Aleksandar Kolev\"},\"description\":\"Aleksandar focuses on how hosting infrastructure, performance systems, and platform tools work together to keep websites fast, secure, and reliable. His work translates complex hosting concepts, such as caching, DNS, and server-level optimization, into practical guidance based on real-world scenarios and user needs. Outside of work, he enjoys chess, meditation, playing guitar, and integrating AI systems in his daily life.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/aleksandar-kolev-a62172310\/\"],\"url\":\"https:\/\/newblog.siteground.com\/it\/author\/aleksandarkolev\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come Eliminare le Risorse che Bloccano il Rendering - Il blog di SiteGround","description":"Scopri tattiche efficaci per eliminare le risorse che bloccano il rendering e come applicarle manualmente o utilizzando il plugin SiteGround Speed Optimizer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/","og_locale":"en_US","og_type":"article","og_title":"Come Eliminare le Risorse che Bloccano il Rendering","og_description":"Scopri tattiche efficaci per eliminare le risorse che bloccano il rendering e come applicarle manualmente o utilizzando il plugin SiteGround Speed Optimizer","og_url":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/","og_site_name":"SiteGround","article_published_time":"2025-03-20T20:47:00+00:00","article_modified_time":"2025-11-07T10:47:19+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg","type":"image\/jpeg"}],"author":"Aleksandar Kolev","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aleksandar Kolev","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#article","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/"},"author":{"name":"Aleksandar Kolev","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/cb7243a505466cc04641e011eb97c94d"},"headline":"Come Eliminare le Risorse che Bloccano il Rendering","datePublished":"2025-03-20T20:47:00+00:00","dateModified":"2025-11-07T10:47:19+00:00","mainEntityOfPage":{"@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/"},"wordCount":2665,"commentCount":0,"publisher":{"@id":"https:\/\/newblog.siteground.com\/it\/#organization"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg","articleSection":["Hosting e sito web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/","url":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/","name":"Come Eliminare le Risorse che Bloccano il Rendering - Il blog di SiteGround","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#primaryimage"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg","datePublished":"2025-03-20T20:47:00+00:00","dateModified":"2025-11-07T10:47:19+00:00","description":"Scopri tattiche efficaci per eliminare le risorse che bloccano il rendering e come applicarle manualmente o utilizzando il plugin SiteGround Speed Optimizer","breadcrumb":{"@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#primaryimage","url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg","contentUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/04\/eliminate_render-blocking_resources_1200x600.jpg","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/newblog.siteground.com\/it\/eliminare-risorse-bloccano-rendering\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/newblog.siteground.com\/it\/"},{"@type":"ListItem","position":2,"name":"Come Eliminare le Risorse che Bloccano il Rendering"}]},{"@type":"WebSite","@id":"https:\/\/newblog.siteground.com\/it\/#website","url":"https:\/\/newblog.siteground.com\/it\/","name":"Il blog di SiteGround","description":"","publisher":{"@id":"https:\/\/newblog.siteground.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/newblog.siteground.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/newblog.siteground.com\/it\/#organization","name":"Il blog di SiteGround","url":"https:\/\/newblog.siteground.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","contentUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","width":164,"height":250,"caption":"Il blog di SiteGround"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/cb7243a505466cc04641e011eb97c94d","name":"Aleksandar Kolev","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e052d4b0a923379bef2baff3319f7dbe?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e052d4b0a923379bef2baff3319f7dbe?s=96&d=mm&r=g","caption":"Aleksandar Kolev"},"description":"Aleksandar focuses on how hosting infrastructure, performance systems, and platform tools work together to keep websites fast, secure, and reliable. His work translates complex hosting concepts, such as caching, DNS, and server-level optimization, into practical guidance based on real-world scenarios and user needs. Outside of work, he enjoys chess, meditation, playing guitar, and integrating AI systems in his daily life.","sameAs":["https:\/\/www.linkedin.com\/in\/aleksandar-kolev-a62172310\/"],"url":"https:\/\/newblog.siteground.com\/it\/author\/aleksandarkolev\/"}]}},"_links":{"self":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/14460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/users\/136"}],"replies":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/comments?post=14460"}],"version-history":[{"count":5,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/14460\/revisions"}],"predecessor-version":[{"id":15155,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/14460\/revisions\/15155"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/media\/14461"}],"wp:attachment":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/media?parent=14460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/categories?post=14460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/tags?post=14460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}