{"id":77259,"date":"2024-04-10T13:29:39","date_gmt":"2024-04-10T12:29:39","guid":{"rendered":"https:\/\/kinqsta.com\/it\/?p=77259&#038;preview=true&#038;preview_id=77259"},"modified":"2024-04-10T17:17:40","modified_gmt":"2024-04-10T16:17:40","slug":"first-contentful-paint","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/","title":{"rendered":"First Contentful Paint: come migliorarne i tempi"},"content":{"rendered":"<p>Problemi con i tempi del First Contentful Paint (FCP) sul sito?<\/p>\n<p>Se non sapete nemmeno cosa sia il First Contentful Paint o se state cercando consigli specifici su come accelerare i tempi del First Contentful Paint sul vostro sito, questo articolo fa proprio per voi.<\/p>\n<p>Cominceremo spiegando cos&#8217;\u00e8 il First Contentful Paint e come misurarlo sul proprio sito.<\/p>\n<p>Poi condivideremo una serie di tattiche che potrete utilizzare per accelerare i tempi di FCP sul vostro sito. Inoltre, per rendere questo post il pi\u00f9 accessibile possibile, cercheremo di mostrare strumenti non tecnici e plugin WordPress per aiutarvi a implementare il tutto.<\/p>\n<p>Diamoci dentro!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Cos&#8217;\u00e8 il First Contentful Paint (FCP)?<\/h2>\n<p>Il First Contentful Paint, spesso abbreviato in FCP, \u00e8 una metrica di performance incentrata sull&#8217;esperienza utente che misura il tempo necessario affinch\u00e9 la prima parte della pagina sia visibile sullo schermo dell&#8217;utente.<\/p>\n<p>L&#8217;FCP \u00e8 una metrica importante perch\u00e9 influisce sulle <em>prestazioni percepite<\/em>. Quando un utente visita per la prima volta il vostro sito, il suo browser visualizza una schermata vuota, il che non rappresenta una buona esperienza per i visitatori.<\/p>\n<p>Una volta che il contenuto inizia a caricarsi, il visitatore avr\u00e0 almeno la sensazione che &#8220;qualcosa&#8221; stia accadendo e che il contenuto completo della pagina venga caricato presto. Per questo motivo, avere un tempo FCP veloce pu\u00f2 dare all&#8217;utente la sensazione che il vostro sito sia veloce, anche se il caricamento del resto dei contenuti richiede un po&#8217; pi\u00f9 di tempo.<\/p>\n<p>Al contrario, un tempo FCP lento \u00e8 frustrante per gli utenti, in quanto implica che la pagina impiega molto tempo a caricarsi. Non c&#8217;\u00e8 niente di peggio che avere dei visitatori che fissano il loro schermo vuoto e si chiedono se il vostro sito web stia funzionando.<\/p>\n<h3>First Contentful Paint vs Largest Contentful Paint<\/h3>\n<p>Il <a href=\"https:\/\/kinqsta.com\/it\/blog\/largest-contentful-paint\/\">Largest Contentful Paint (LCP)<\/a> \u00e8 un&#8217;altra metrica popolare incentrata sull&#8217;esperienza utente che funziona in modo simile al First Contentful Paint.<\/p>\n<p>Poich\u00e9 le metriche sono cos\u00ec simili, pu\u00f2 essere difficile capire le differenze tra First Contentful Paint e Largest Contentful Paint.<\/p>\n<p>Ecco le differenze fondamentali:<\/p>\n<ul>\n<li><strong>FCP<\/strong>: misura il tempo necessario alla comparsa del <em>primo<\/em> oggetto. Pu\u00f2 essere <em>qualsiasi cosa<\/em>, purch\u00e9 compaia un qualche tipo di contenuto nella pagina.<\/li>\n<li><strong>LCP<\/strong>: misura il tempo necessario alla comparsa del <em>contenuto principale<\/em> della pagina.<\/li>\n<\/ul>\n<p>A causa di questa differenza, il tempo FCP di una pagina dovrebbe essere sempre un po&#8217; pi\u00f9 veloce del tempo LCP della pagina stessa. Secondo la definizione delle metriche, \u00e8 impossibile che il tempo di LCP sia pi\u00f9 veloce del tempo di FCP. <em>Anche se tecnicamente potrebbero essere uguali se il &#8220;primo&#8221; elemento da caricare \u00e8 lo stesso dell&#8217;elemento &#8220;principale&#8221;, questo non accade nella maggior parte delle pagine<\/em>.<\/p>\n<p>Per illustrare questo aspetto, ecco una timeline visiva di un&#8217;analisi WebPageTest che abbiamo eseguito sulla homepage di Kinsta.<\/p>\n<ul>\n<li>L&#8217;<strong>FCP<\/strong> si verifica nel filmstrip di 1,0 secondi (.924 secondi, per l&#8217;esattezza). \u00c8 la prima volta che si passa da una pagina bianca a un contenuto visivo.<\/li>\n<li>L&#8217;<strong>LCP<\/strong> si verifica nel filmstrip di 1,3 secondi (1,217 secondi per l&#8217;esattezza). Questo \u00e8 il momento in cui il contenuto &#8220;principale&#8221; della pagina \u00e8 visibile.<\/li>\n<\/ul>\n<figure id=\"attachment_177108\" aria-describedby=\"caption-attachment-177108\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177108\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/first-contentful-paint-vs-largest-contentful-paint-example-1024x450.jpg\" alt=\"Una linea temporale che mostra la differenza tra i tempi di FCP e LCP.\" width=\"1024\" height=\"450\"><figcaption id=\"caption-attachment-177108\" class=\"wp-caption-text\">La differenza tra i tempi di FCP e LCP.<\/figcaption><\/figure>\n<h2>Qual \u00e8 un buon tempo di First Contentful Paint?<\/h2>\n<p>Google consiglia di puntare a un tempo di First Contentful Paint di 1,8 secondi o meno sulle pagine del proprio sito.<\/p>\n<p>Google considera i tempi FCP compresi tra 1,8 e 3,0 secondi come &#8220;Da migliorare&#8221;, mentre i tempi FCP superiori a 3,0 secondi sono &#8220;Scarsi&#8221;<\/p>\n<figure id=\"attachment_177111\" aria-describedby=\"caption-attachment-177111\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177111\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/good-fcp-time-1024x269.jpg\" alt=\"Google raccomanda che i tempi di FCP siano inferiori a 1,8 secondi per essere considerati \"Buoni\".\" width=\"1024\" height=\"269\"><figcaption id=\"caption-attachment-177111\" class=\"wp-caption-text\">Le linee guida di Google per i tempi FCP.<\/figcaption><\/figure>\n<h2>Come misurare il tempo di First Contentful Paint di una pagina<\/h2>\n<p>Il modo pi\u00f9 semplice per misurare il tempo di First Contentful Paint di una pagina del proprio sito \u00e8 <a href=\"https:\/\/kinqsta.com\/it\/blog\/google-pagespeed-insights\/\">utilizzare lo strumento PageSpeed Insights di Google<\/a>, anche se esistono <a href=\"https:\/\/kinqsta.com\/it\/blog\/speed-test-sito-web\/\">altri strumenti che si possono utilizzare<\/a>.<\/p>\n<p>L&#8217;aspetto positivo di PageSpeed Insights \u00e8 che fornir\u00e0 sia i risultati di test simulati che i dati FCP di utenti reali (<em>se il vostro sito ha un traffico sufficiente per essere incluso nel report Chrome User Experience<\/em>).<\/p>\n<p>Inoltre, copre le prestazioni sia da desktop che da mobile, in quanto il tempo di FCP di una pagina varia a seconda del dispositivo e della velocit\u00e0 di connessione dell&#8217;utente.<\/p>\n<p>Ecco come testare una pagina:<\/p>\n<ol>\n<li><a href=\"https:\/\/pagespeed.web.dev\" target=\"_blank\" rel=\"noopener noreferrer\">Aprite la pagina PageSpeed Insights<\/a>.<\/li>\n<li>Inserite l&#8217;URL della pagina del sito che volete testare.<\/li>\n<li>Cliccate sul pulsante <strong>Analyze<\/strong>.<\/li>\n<\/ol>\n<p>Dopo una breve attesa, dovreste vedere i risultati.<\/p>\n<p>Se il vostro sito ha un traffico sufficiente per essere incluso nel report Chrome User Experience, vedrete <em>due<\/em> diversi tempi FCP:<\/p>\n<ul>\n<li>Il tempo nella sezione &#8220;Discover what your real users are experiencing&#8221; \u00e8 il tempo FCP medio dei visitatori reali del vostro sito.<\/li>\n<li>Il tempo nella sezione &#8220;Diagnose performance issues&#8221; si basa su un test simulato. Potete vedere le condizioni della simulazione nel riquadro grigio sotto i numeri.<\/li>\n<\/ul>\n<p>Si pu\u00f2 anche passare dai risultati per mobile a quelli per desktop utilizzando le schede in alto.<\/p>\n<figure id=\"attachment_177107\" aria-describedby=\"caption-attachment-177107\" style=\"width: 683px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177107\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/fcp-time-pagespeed-insights-683x1024.jpg\" alt=\"Dove trovare i tempi FCP nella pagina dei risultati di PageSpeed Insights di Google.\" width=\"683\" height=\"1024\"><figcaption id=\"caption-attachment-177107\" class=\"wp-caption-text\">I tempi di FCP nello strumento PageSpeed Insights di Google.<\/figcaption><\/figure>\n<p>Per testare altre pagine del vostro sito, potete ripetere lo stesso procedimento.<\/p>\n<p>I tempi di FCP variano a seconda della pagina, quindi vi consigliamo di testare pi\u00f9 pagine per avere un&#8217;idea delle prestazioni del vostro sito.<\/p>\n<p>Ad esempio, potreste testare la homepage, la pagina degli annunci del blog, un singolo post del blog e cos\u00ec via. Inoltre, assicuratevi di esaminare i dati sia da mobile che da desktop.<\/p>\n<h3>Altri modi per misurare i primi tempi di Paint di Contentful<\/h3>\n<p>Sebbene PageSpeed Insights offra uno dei modi pi\u00f9 semplici per vedere i tempi di FCP reali e simulati per il vostro sito, esistono anche altri <a href=\"https:\/\/kinqsta.com\/it\/blog\/strumenti-test-prestazioni\/\">strumenti di verifica delle prestazioni<\/a> da utilizzare come integrazione o sostituzione di PageSpeed Insights.<\/p>\n<p>Ecco alcuni buoni punti di partenza:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>WebPageTest<\/strong><\/a>: permette di <a href=\"https:\/\/kinqsta.com\/it\/blog\/webpagetest\/\">eseguire test simulati<\/a> utilizzando diverse velocit\u00e0 di connessione, dispositivi e luoghi.<\/li>\n<li><strong>Chrome Developer Tools<\/strong>: permette di <a href=\"https:\/\/kinqsta.com\/courses\/speed-up-wordpress\/using-chrome-developer-tools\/\">eseguire test di performance direttamente dal browser<\/a>.<\/li>\n<li><strong><a href=\"https:\/\/www.debugbear.com\/test\/website-speed\/\" target=\"_blank\" rel=\"noopener noreferrer\">DebugBear<\/a> <\/strong>: consente di eseguire test simulati sia da dispositivi desktop che mobili e include tonnellate di dati oltre a FCP.<\/li>\n<li><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>GTmetrix<\/strong><\/a>: permette di eseguire test simulati da diverse postazioni. \u00c8 possbile vedere i tempi di FCP nella scheda <strong>Prestazioni<\/strong>; la <a href=\"https:\/\/kinqsta.com\/it\/blog\/speed-test-gtmetrix\/\">nostra guida completa ai test di GTmetrix<\/a> ne parla in modo pi\u00f9 dettagliato.<\/li>\n<\/ul>\n<h2>Cosa pu\u00f2 influenzare i tempi di FCP di un sito?<\/h2>\n<p>In generale, ci sono due &#8220;gruppi&#8221; di problemi che possono rallentare l&#8217;FCP:<\/p>\n<ul>\n<li><strong>Tempi di risposta lenti del server<\/strong>: se il vostro server impiega troppo tempo per fornire i dati del vostro sito ai browser degli utenti, la pagina avr\u00e0 un tempo FCP lento. Questo pu\u00f2 essere dovuto a problemi come l&#8217;hosting o il DNS lenti, il mancato utilizzo del caching (che richiede al server di fare pi\u00f9 lavoro prima di poter servire una pagina), il mancato utilizzo di una rete di distribuzione dei contenuti (CDN) e cos\u00ec via.<\/li>\n<li><strong>Codice del sito web mal ottimizzato<\/strong>: anche se il vostro server risponde velocemente, potreste comunque avere un tempo di FCP lento se il codice del vostro sito \u00e8 mal ottimizzato. Ad esempio, la pagina potrebbe avere tonnellate di JavaScript che bloccano il caricamento dei contenuti visibili. Potrebbero esserci anche problemi con i CSS, le immagini o altre aree del codice del vostro sito.<\/li>\n<\/ul>\n<p>A seconda del sito, potreste avere problemi in una sola area o in entrambe.<\/p>\n<h2>Come accelerare il First Contentful Paint: 10 consigli che funzionano<\/h2>\n<p>Ora che abbiamo capito meglio cos&#8217;\u00e8 First Contentful Paint e perch\u00e9 \u00e8 importante, passiamo ad alcuni consigli pratici da mettere in pratica per migliorare i tempi del vostro sito.<\/p>\n<p>L&#8217;aspetto positivo dell&#8217;implementazione di questi consigli \u00e8 che <a href=\"https:\/\/kinqsta.com\/it\/impara\/velocizzare-wordpress\/\">miglioreranno <em>tutte<\/em> le metriche di performance del vostro sito<\/a>, non solo l&#8217;FCP.<\/p>\n<p>Ecco un rapido riepilogo, di seguito li analizzeremo nel dettaglio:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Passare a un hosting pi\u00f9 veloce<\/h3>\n<p>C&#8217;\u00e8 un fatto inevitabile quando si parla di FCP:<\/p>\n<p>Se l&#8217;hosting sottostante al vostro sito \u00e8 lento, il vostro FCP sar\u00e0 lento anche se avete un sito perfettamente ottimizzato.<\/p>\n<p>L&#8217;implementazione degli altri consigli di questo elenco <em>migliorer\u00e0<\/em> i tempi di FCP del sito, ma le prestazioni del vostro sito saranno sempre ostacolate dalla qualit\u00e0 del vostro hosting.<\/p>\n<p>Quindi, potete procedere con l&#8217;implementazione degli altri consigli di questo elenco. Ma se, dopo aver fatto tutto il resto, i tempi di FCP sono ancora lenti, forse \u00e8 il caso di <a href=\"https:\/\/kinqsta.com\/it\/blog\/migrazione-sito-wordpress\/\">passare a un hosting pi\u00f9 veloce<\/a>.<\/p>\n<p>Se non sapete da dove cominciare, l&#8217;<a href=\"https:\/\/kinqsta.com\/it\/hosting-wordpress\/\">hosting WordPress gestito di Kinsta<\/a> \u00e8 un&#8217;ottima scelta.<\/p>\n<p>Non solo l&#8217;infrastruttura sottostante \u00e8 ottimizzata per le prestazioni, ma Kinsta pu\u00f2 anche aiutarvi a implementare automaticamente molte altre strategie di questo elenco, tra cui il caching, la rete di distribuzione dei contenuti (CDN), i DNS ottimizzati, le immagini ottimizzate e altro ancora.<\/p>\n<h3>2. Utilizzare il caching delle pagine (idealmente a livello di server)<\/h3>\n<p>Se avete costruito il vostro sito web con WordPress, questo dovr\u00e0 elaborare dinamicamente il codice lato server per ogni singolo visitatore (per impostazione predefinita).<\/p>\n<p>Quando una persona visita la vostra pagina, il vostro server di hosting dovr\u00e0 eseguire il <a href=\"https:\/\/kinqsta.com\/it\/blog\/cosa-e-php\/\">PHP<\/a> di WordPress e interrogare il <a href=\"https:\/\/kinqsta.com\/it\/blog\/database-wordpress\/\">database del vostro sito<\/a> per generare il documento HTML finito da inviare al browser dell&#8217;utente.<\/p>\n<p>Questo richiede tempo, soprattutto su un hosting poco potente, il che pu\u00f2 influire notevolmente sui tempi di FCP del vostro sito.<\/p>\n<p><a href=\"https:\/\/kinqsta.com\/it\/blog\/la-cache-di-wordpress\/\">Con il caching delle pagine<\/a>, potete &#8220;mettere in cache&#8221; la versione HTML finita di ogni pagina. Invece di dover elaborare il codice lato server per ogni visita, il vostro server risponder\u00e0 immediatamente con l&#8217;HTML finito nella sua cache.<\/p>\n<p>Se utilizzate l&#8217;hosting di Kinsta, Kinsta implementer\u00e0 automaticamente il caching delle pagine per voi tramite la funzionalit\u00e0 Edge Caching.<\/p>\n<p>La particolarit\u00e0 dell&#8217;<a href=\"https:\/\/kinqsta.com\/it\/blog\/edge-caching\/\">approccio Edge Caching di Kinsta \u00e8 che pu\u00f2 servire le pagine in cache dalla rete globale di Cloudflare<\/a>. Parleremo di cosa sia una rete di distribuzione di contenuti nella prossima sezione, ma il vantaggio principale \u00e8 che permette di <a href=\"https:\/\/kinqsta.com\/it\/blog\/edge-caching-wordpress\/\">ottenere tempi di caricamento molto veloci a livello globale<\/a>.<\/p>\n<figure id=\"attachment_177113\" aria-describedby=\"caption-attachment-177113\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177113\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/kinsta-page-caching-edge-1024x771.jpg\" alt=\"L'interfaccia di Kinsta che consente di attivare la funzione Edge Caching di Kinsta.\" width=\"1024\" height=\"771\"><figcaption id=\"caption-attachment-177113\" class=\"wp-caption-text\">La soluzione Edge Caching integrata di Kinsta.<\/figcaption><\/figure>\n<p>Se il vostro sito \u00e8 ospitato altrove, potete verificare se il vostro host dispone di una funzione di caching a livello di server o utilizzare uno dei tanti plugin di caching per WordPress, come WP Rocket e FlyingPress.<\/p>\n<h3>3. Implementare una rete di distribuzione dei contenuti (CDN)<\/h3>\n<p>Una <a href=\"https:\/\/kinqsta.com\/it\/blog\/cosa-e-un-cdn\/\">rete di distribuzione dei contenuti (CDN)<\/a> \u00e8 una rete globale di server che memorizza una copia di alcuni o tutti i contenuti\/file del vostro sito.<\/p>\n<p>Quando una persona visita il vostro sito, il CDN servir\u00e0 automaticamente i file del vostro sito dalla posizione fisicamente pi\u00f9 vicina al visitatore.<\/p>\n<figure id=\"attachment_177106\" aria-describedby=\"caption-attachment-177106\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177106\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/cloudflare-global-network-1024x645.jpg\" alt=\"Una rappresentazione visiva della rete di oltre 300 server edge di Cloudflare.\" width=\"1024\" height=\"645\"><figcaption id=\"caption-attachment-177106\" class=\"wp-caption-text\">Cloudflare dispone di un&#8217;enorme rete globale di oltre 300 sedi.<\/figcaption><\/figure>\n<p>Poich\u00e9 la distanza fisica gioca ancora un ruolo nei tempi di caricamento (<em>non abbiamo ancora battuto la velocit\u00e0 della luce!<\/em>), il browser del visitatore <a href=\"https:\/\/kinqsta.com\/it\/blog\/cdn-per-wordpress\/\">ricever\u00e0 i file del vostro sito pi\u00f9 velocemente<\/a>, migliorando i tempi di FCP.<\/p>\n<p>Se utilizzate un hosting di Kinsta, Kinsta implementa automaticamente un <a href=\"https:\/\/kinqsta.com\/it\/docs\/hosting-wordpress\/wordpress-cdn\/kinsta-cdn\/\">CDN gratuito alimentato da Cloudflare<\/a> per tutte le pagine del vostro sito, che offre le prestazioni globali pi\u00f9 veloci.<\/p>\n<p>Se il vostro hosting \u00e8 di un altro tipo, potete implementare voi stessi un CDN utilizzando provider come Cloudflare, Amazon CloudFront, Fastly e altri.<\/p>\n<h3>4. Usare un provider DNS pi\u00f9 veloce<\/h3>\n<p>Prima che il browser di un utente possa connettersi al server del vostro sito web, deve utilizzare il <a href=\"https:\/\/kinqsta.com\/it\/blog\/cosa-e-il-dns\/\">Domain Name System (DNS)<\/a> per trovare il server web associato al nome di dominio del vostro sito.<\/p>\n<p>Il provider DNS che avete configurato per l&#8217;utilizzo del vostro nome di dominio influisce sul tempo necessario per questo processo e, di conseguenza, sull&#8217;FCP del vostro sito.<\/p>\n<p>Ad esempio, secondo <a href=\"https:\/\/www.dnsperf.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">DNSPerf<\/a>, la differenza tra il provider pi\u00f9 veloce e quello pi\u00f9 lento \u00e8 di oltre 130 ms, una differenza piuttosto significativa.<\/p>\n<p>Se avete un <a href=\"https:\/\/kinqsta.com\/it\/hosting-wordpress\/\">hosting con Kinsta<\/a>, potete gi\u00e0 <a href=\"https:\/\/kinqsta.com\/it\/docs\/hosting-wordpress\/wordpress-domini\/dns\/\">accedere a un DNS premium gestito da Amazon Route53<\/a> utilizzando i <a href=\"https:\/\/kinqsta.com\/it\/blog\/server-dei-nomi\/\">server dei nomi<\/a> di Kinsta.<\/p>\n<figure id=\"attachment_177112\" aria-describedby=\"caption-attachment-177112\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177112\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/kinsta-dns-management-1024x663.jpg\" alt=\"L'interfaccia di Kinsta che consente di gestire i record DNS del proprio dominio.\" width=\"1024\" height=\"663\"><figcaption id=\"caption-attachment-177112\" class=\"wp-caption-text\">La gestione DNS gratuita di Kinsta \u00e8 affidata ad Amazon Route53.<\/figcaption><\/figure>\n<p>Se avete un hosting altrove, Cloudflare offre uno dei migliori servizi DNS gratuiti.<\/p>\n<h3>5. Ottimizzare il CSS del vostro sito<\/h3>\n<p>Ora che avete risolto i problemi di tempo di risposta del server, \u00e8 il momento di ottimizzare il codice del vostro sito, a partire dal CSS.<\/p>\n<p>Il <a href=\"https:\/\/kinqsta.com\/it\/blog\/best-practice-css\/\">CSS controlla il design e lo stile<\/a> degli elementi della pagina. Sebbene sia una <a href=\"https:\/\/kinqsta.com\/it\/blog\/wordpress-css\/\">parte essenziale di qualsiasi sito web<\/a>, il CSS potrebbe rallentare i tempi di FCP se viene caricato in modo non ottimizzato e\/o se viene caricato CSS non necessario su pagine in cui non serve.<\/p>\n<p>Abbiamo un intero post su <a href=\"https:\/\/kinqsta.com\/it\/blog\/ottimizzare-css\/\">come ottimizzare il CSS<\/a>, ma vediamo le tattiche pi\u00f9 importanti per velocizzare l&#8217;FCP.<\/p>\n<h4>Rimuovere il CSS inutilizzato<\/h4>\n<p>Per prima cosa, dovrete rimuovere il CSS inutilizzato dalle pagine in cui non \u00e8 necessario.<\/p>\n<p>Un modo per farlo \u00e8 il metodo manuale. Uno strumento come <a href=\"https:\/\/purifycss.online\" target=\"_blank\" rel=\"noopener noreferrer\">PurifyCSS<\/a> pu\u00f2 scansionare le pagine alla ricerca di CSS inutilizzati e poi potete rimuovere manualmente il codice. Anche PageSpeed Insights segnala i CSS inutilizzati nella sezione &#8220;Reduce unused CSS&#8221; della sua diagnostica.<\/p>\n<p>Tuttavia, se utilizzate WordPress, ci sono alcuni utili plugin che possono automatizzare l&#8217;intero processo, il che \u00e8 molto pi\u00f9 semplice (soprattutto per i non sviluppatori). Alcune buone opzioni da considerare sono <a href=\"https:\/\/docs.wp-rocket.me\/article\/1529-remove-unused-css\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a>, <a href=\"https:\/\/docs.flyingpress.com\/en\/article\/remove-unused-css-1wbla1k\/\" target=\"_blank\" rel=\"noopener noreferrer\">FlyingPress<\/a> e <a href=\"https:\/\/perfmatters.io\/docs\/remove-unused-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">Perfmatters<\/a>.<\/p>\n<p>Tutti questi plugin sono strumenti premium. Tuttavia, riteniamo che valgano l&#8217;investimento perch\u00e9 possono anche aiutarvi a implementare molti degli altri consigli di questo elenco.<\/p>\n<figure id=\"attachment_177117\" aria-describedby=\"caption-attachment-177117\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177117\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/wp-rocket-remove-unused-css-1024x847.jpg\" alt=\"L'interfaccia del plugin WP Rocket che consente di rimuovere automaticamente i CSS inutilizzati dalle pagine del sito.\" width=\"1024\" height=\"847\"><figcaption id=\"caption-attachment-177117\" class=\"wp-caption-text\">Come rimuovere i CSS inutilizzati in WP Rocket.<\/figcaption><\/figure>\n<h4>Inserire il CSS critico in linea e ritardare quello non critico<\/h4>\n<p>Per impostazione predefinita, il vostro sito probabilmente aspetter\u00e0 di aver caricato <em>tutto<\/em> il codice CSS prima di iniziare il rendering dei contenuti &#8220;above-the-fold&#8221;. Tuttavia, questo non \u00e8 del tutto ottimale dal punto di vista dell&#8217;esperienza dell&#8217;utente, perch\u00e9 in realt\u00e0 avete bisogno solo del CSS necessario per il contenuto above-the-fold &#8211; tutto il resto pu\u00f2 aspettare un secondo momento.<\/p>\n<p>Il CSS per il contenuto della pagina \u00e8 chiamato <strong>CSS critico<\/strong>.<\/p>\n<p>Per accelerare l&#8217;FCP della pagina e altri parametri di performance, potete inserire il CSS critico direttamente nella sezione <code>&lt;head&gt;<\/code> della pagina (<em>ovvero metterlo <\/em><strong><em>in linea<\/em><\/strong>) invece di caricarlo come parte di un foglio di stile esterno.<\/p>\n<p>Gli utenti pi\u00f9 esperti possono generare manualmente il CSS critico di una pagina <a href=\"https:\/\/www.corewebvitals.io\/tools\/critical-css-generator\" target=\"_blank\" rel=\"noopener noreferrer\">utilizzando uno strumento come questo<\/a>.<\/p>\n<p>Ma anche su WordPress \u00e8 possibile automatizzare questo processo per ogni singola pagina di un sito utilizzando FlyingPress o WP Rocket.<\/p>\n<p>Una volta inserito il CSS critico in una pagina, potete tranquillamente rimandare il caricamento del resto del CSS della pagina a una fase successiva del processo di caricamento della pagina (<em>dopo che il contenuto above-the-fold \u00e8 gi\u00e0 stato renderizzato<\/em>).<\/p>\n<p>Sia WP Rocket che FlyingPress eseguono automaticamente questa operazione nell&#8217;ambito della loro funzionalit\u00e0 CSS critico, il che \u00e8 un altro motivo per prendere in considerazione il loro utilizzo.<\/p>\n<figure id=\"attachment_177109\" aria-describedby=\"caption-attachment-177109\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177109\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/flyingpress-optimize-css-delivery-1024x705.jpg\" alt=\"Come ottimizzare la consegna dei CSS e il percorso critico dei CSS utilizzando il plugin FlyingPress.\" width=\"1024\" height=\"705\"><figcaption id=\"caption-attachment-177109\" class=\"wp-caption-text\">Come inlineare i CSS critici in FlyingPress.<\/figcaption><\/figure>\n<h4>Minificare il codice CSS<\/h4>\n<p>Infine, un altro modo per aumentare <em>un pochino<\/em> le prestazioni codice CSS del vostro sito \u00e8 quello di minificarlo. Minificando il codice CSS, si rimuovono i caratteri e gli spazi bianchi non necessari, il che consente di ridurne ulteriormente le dimensioni.<\/p>\n<p>Plugin come WP Rocket e FlyingPress possono fare questo per voi. Potete anche trovare plugin specifici per la minificazione come <a href=\"https:\/\/wordpress.org\/plugins\/fast-velocity-minify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fast Velocity Minify<\/a>.<\/p>\n<h3>6. Ottimizzare il JavaScript del sito<\/h3>\n<p>Oltre al CSS, anche il <a href=\"https:\/\/kinqsta.com\/it\/blog\/cosa-e-javascript\/\">JavaScript<\/a> del vostro sito \u00e8 un&#8217;altra area a cui dover dedicare un po&#8217; di tempo all&#8217;ottimizzazione del codice del sito.<\/p>\n<p>Come per i CSS, ci sono diverse strategie che potete implementare per ridurre l&#8217;impatto di JavaScript sui tempi di FCP del vostro sito.<\/p>\n<h4>Non usare elementi che dipendono da JavaScript above-the-fold<\/h4>\n<p>Se vi affidate a JavaScript per alimentare importanti funzionalit\u00e0 above-the-fold, come ad esempio il menu di <a href=\"https:\/\/kinqsta.com\/it\/blog\/navigazione-siti-web\/\">navigazione del vostro sito<\/a> (<em>questo \u00e8 particolarmente comune per la versione mobile di un sito, dato che molti menu mobili si affidano a JavaScript<\/em>), questo pu\u00f2 rallentare i tempi di FCP perch\u00e9 i browser degli utenti devono caricare il pesante JavaScript prima di poter iniziare il rendering della pagina.<\/p>\n<p>Se utilizzate WordPress, la <a href=\"https:\/\/kinqsta.com\/it\/blog\/come-scegliere-un-tema-wordpress\/\">scelta di un tema ottimizzato per le prestazioni<\/a> dovrebbe aiutarvi a evitare questo problema, poich\u00e9 i bravi sviluppatori eviteranno di affidarsi a JavaScript per queste funzioni.<\/p>\n<p>Potete anche cercare di evitare di <a href=\"https:\/\/kinqsta.com\/it\/blog\/slider-wordpress\/\">utilizzare cursori<\/a> e altri elementi alimentati da JavaScript nelle aree above-the-fold.<\/p>\n<h4>Rimuovere il JavaScript non necessario<\/h4>\n<p>Anche se dovrete porre particolare enfasi sulla riduzione dell&#8217;uso di JavaScript negli elementi above-the-fold, in generale \u00e8 una buona idea rimuovere il pi\u00f9 possibile il JavaScript non necessario da ogni pagina.<\/p>\n<p>Per cominciare, dovrete <a href=\"https:\/\/kinqsta.com\/it\/blog\/disinstallare-plugin-wordpress\/\">eliminare tutti i plugin di WordPress<\/a> che non apportano un miglioramento significativo al vostro sito, poich\u00e9 molti plugin di WordPress si basano su JavaScript per le loro funzionalit\u00e0.<\/p>\n<p>Un&#8217;altra opzione \u00e8 quella di utilizzare un plugin per la gestione degli script, come <a href=\"https:\/\/wordpress.org\/plugins\/wp-asset-clean-up\/\" target=\"_blank\" rel=\"noopener noreferrer\">Asset CleanUp<\/a> o <a href=\"https:\/\/perfmatters.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Perfmatters<\/a>, per disabilitare i JavaScript pagina per pagina; in questo modo potere disabilitare gli script nelle pagine in cui non sono necessari, lasciandoli comunque abilitati nelle altre pagine.<\/p>\n<p>Abbiamo anche una guida pi\u00f9 tecnica su <a href=\"https:\/\/kinqsta.com\/it\/blog\/disabilitare-plugin-wordpress\/\">come disabilitare i plugin<\/a> pagina per pagina.<\/p>\n<h4>Eliminare i JavaScript che bloccano il rendering (defer o delay)<\/h4>\n<p>In ogni caso, probabilmente dovrete caricare almeno un po&#8217; di JavaScript sulla pagina. Per assicurarvi che questo JavaScript non interferisca con il caricamento dei contenuti above-the-fold, ci sono due strategie comuni da implementare:<\/p>\n<ul>\n<li><strong>Rinviare il JavaScript che blocca il rendering<\/strong>: potete evitare di bloccare il caricamento di altri contenuti rinviando il caricamento di JavaScript a una fase successiva del processo di rendering della pagina. Potete usare defer o async e ci sono plugin per WordPress che automatizzano questo processo.<\/li>\n<li><strong>Ritardare il caricamento di JavaScript fino all&#8217;interazione con l&#8217;utente<\/strong>: potete attendere completamente il caricamento di alcuni o tutti i JavaScript del vostro sito fino a quando l&#8217;utente non interagisce con la pagina (ad esempio, cliccando o scorrendo). Questa soluzione offre la migliore ottimizzazione delle prestazioni, ma potrebbe essere necessario escludere manualmente alcuni script per evitare di causare problemi.<\/li>\n<\/ul>\n<p>Potete implementare una di queste tattiche su WordPress tramite plugin come WP Rocket o FlyingPress.<\/p>\n<figure id=\"attachment_177116\" aria-describedby=\"caption-attachment-177116\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177116\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/wp-rocket-javascript-optimization-1024x986.jpg\" alt=\"L'interfaccia del plugin WP Rocket che consente di ottimizzare completamente il codice JavaScript del sito.\" width=\"1024\" height=\"986\"><figcaption id=\"caption-attachment-177116\" class=\"wp-caption-text\">Come ottimizzare JavaScript con WP Rocket.<\/figcaption><\/figure>\n<p>Abbiamo anche delle guide su <a href=\"https:\/\/kinqsta.com\/it\/blog\/differire-parsing-javascript\/\">come rinviare il parsing di JavaScript<\/a> e su <a href=\"https:\/\/kinqsta.com\/it\/blog\/eliminare-javascript-e-css-che-boccano-la-visualizzazione\/\">come eliminare le risorse che bloccano il rendering<\/a>.<\/p>\n<h4>Minificare il codice JavaScript<\/h4>\n<p>Infine, vorrete <a href=\"https:\/\/kinqsta.com\/it\/blog\/minimizzare-javascript\/\">minificare il codice JavaScript rimanente del vostro sito<\/a> per ottenere ulteriori piccoli vantaggi in termini di prestazioni grazie alla rimozione dei caratteri non necessari.<\/p>\n<p>Come per la minificazione del CSS, la maggior parte dei plugin per la cache e le prestazioni (tra cui WP Rocket e FlyingPress) possono farlo per voi. Potete anche utilizzare un plugin mirato come Fast Velocity Minify.<\/p>\n<h3>7. Disabilitare il lazy loading per le immagini above-the-fold<\/h3>\n<p>Con il <a href=\"https:\/\/kinqsta.com\/courses\/speed-up-wordpress\/what-is-lazy-loading\/\">lazy loading<\/a> delle immagini, potete <a href=\"https:\/\/kinqsta.com\/it\/blog\/lazy-load-in-wordpress\/\">ritardare il caricamento delle immagini del vostro sito<\/a> fino a quando non sono necessarie (ad esempio, quando un utente scorre la pagina verso il basso).<\/p>\n<p>Normalmente, questo \u00e8 un aspetto positivo per le prestazioni se state caricando le immagini che si trovano <em>under<\/em>-the-fold con il lazy loading. Tuttavia, l&#8217;utilizzo del lazy loading per le immagini <em>above<\/em>-the-fold pu\u00f2 influire negativamente sui tempi di FCP e LCP del vostro sito.<\/p>\n<p>Per questo motivo, dovrete assicurarvi di escludere dal lazy loading le immagini above-the-fold.<\/p>\n<p>Se state utilizzando la funzione di lazy loading di WordPress, quest&#8217;ultimo <em>dovrebbe<\/em> farlo automaticamente. Ma se riscontrate dei problemi, potete regolare manualmente questo comportamento utilizzando <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_omit_loading_attr_threshold\/\" target=\"_blank\" rel=\"noopener noreferrer\">la funzione wp_omit_loading_attr_threshold<\/a>.<\/p>\n<p>Se utilizzate un plugin per il lazy loading, \u00e8 <em>probabile<\/em> che il plugin vi offra un&#8217;opzione per farlo. Ad esempio, Perfmatters permette di escludere automaticamente un certo numero di immagini principali e di escludere manualmente immagini specifiche se necessario.<\/p>\n<figure id=\"attachment_177115\" aria-describedby=\"caption-attachment-177115\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177115\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/perfmatters-optimize-lazy-loading-1024x822.jpg\" alt=\"L'interfaccia del plugin Perfmatters che permette di escludere le immagini principali dal lazy loading.\" width=\"1024\" height=\"822\"><figcaption id=\"caption-attachment-177115\" class=\"wp-caption-text\">Come escludere le immagini principali dal lazy loading in Perfmatters.<\/figcaption><\/figure>\n<p>Se il vostro plugin non offre questa funzione, valutate di passare a uno che la offra.<\/p>\n<h3>8. Ottimizzare la distribuzione dei caratteri<\/h3>\n<p>Per garantire che i contenuti testuali siano visibili durante il caricamento (il che pu\u00f2 influire sui tempi di FCP e sull&#8217;esperienza dell&#8217;utente), \u00e8 importante ottimizzare anche il caricamento dei font se <a href=\"https:\/\/kinqsta.com\/it\/blog\/come-cambiare-i-font-in-wordpress\/\">utilizzate font personalizzati<\/a> (<em>come quelli trovati su <a href=\"https:\/\/kinqsta.com\/it\/blog\/migliori-google-fonts\/\">Google Fonts<\/a><\/em>).<\/p>\n<p>Per evitare problemi, potete utilizzare le opzioni <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/@font-face\/font-display\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Font-Display:<\/strong><strong>Optional<\/strong> o <strong>Font-Display: Swap<\/strong><\/a>.<\/p>\n<p>Con <strong>Font-Display: Optional<\/strong>, potete dire ai browser degli utenti di utilizzare un font di riserva se il font personalizzato non si carica abbastanza velocemente.<\/p>\n<p>Se non volete aggiungere questa funzione utilizzando i vostri CSS, ci sono diversi plugin per WordPress che possono ottimizzare il caricamento dei font, come WP Rocket, FlyingPress e Perfmatters.<\/p>\n<figure id=\"attachment_177110\" aria-describedby=\"caption-attachment-177110\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177110\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/flyingpress-optimize-fonts-1024x721.jpg\" alt=\"Come ottimizzare automaticamente i font utilizzando il plugin FlyingPress.\" width=\"1024\" height=\"721\"><figcaption id=\"caption-attachment-177110\" class=\"wp-caption-text\">Come ottimizzare i font in FlyingPress.<\/figcaption><\/figure>\n<h3>9. Cercare di ridurre il pi\u00f9 possibile le dimensioni del DOM<\/h3>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document_Object_Model\/Introduction\" target=\"_blank\" rel=\"noopener noreferrer\">Secondo Mozilla<\/a>, il Document Object Model (DOM) \u00e8 &#8220;la rappresentazione dei dati degli oggetti che compongono la struttura e il contenuto di un documento sul web&#8221;.<\/p>\n<p>Anche se i visitatori umani non interagiscono direttamente con il DOM, quest&#8217;ultimo \u00e8 importante per aiutare i browser web a comprendere e visualizzare il contenuto di una pagina.<\/p>\n<p>Come regola generale, un DOM pi\u00f9 ampio e complesso comporta tempi di FCP pi\u00f9 lenti rispetto a una struttura DOM pi\u00f9 corta e ottimizzata.<\/p>\n<p>Ecco alcuni consigli per ridurre le dimensioni del DOM del vostro sito:<\/p>\n<ul>\n<li><strong>Usare un tema WordPress ottimizzato per le prestazioni<\/strong>: su WordPress, il tema gioca un ruolo importante nella dimensione del DOM del vostro sito. Date un&#8217;occhiata ai nostri post con i <a href=\"https:\/\/kinqsta.com\/it\/blog\/temi-wordpress-veloci\/\">temi WordPress pi\u00f9 veloci<\/a> e i <a href=\"https:\/\/kinqsta.com\/it\/blog\/temi-woocommerce-piu-veloci\/\">temi WooCommerce pi\u00f9 veloci<\/a>.<\/li>\n<li><strong>Usare il blocco Interruzione di pagina<\/strong>: potete spezzare una pagina lunga usando il blocco Interruzione di pagina.<\/li>\n<li><strong>Ottimizzare la paginazione<\/strong>: potete <a href=\"https:\/\/kinqsta.com\/it\/blog\/paginazione-di-wordpress\/\">utilizzare la paginazione in WordPress<\/a> per suddividere le pagine che elencano i post del vostro blog (o altri <a href=\"https:\/\/kinqsta.com\/it\/blog\/custom-post-type-wordpress\/\">tipi di post personalizzati<\/a>).<\/li>\n<li><strong>Mostrare estratti<\/strong>: invece di mostrare il testo completo nelle pagine degli annunci, considerate la possibilit\u00e0 di <a href=\"https:\/\/kinqsta.com\/it\/blog\/riassunti-di-wordpress\/\">mostrare un estratto<\/a>.<\/li>\n<li><strong>Limitare o evitare l&#8217;uso di page builder &#8220;pesanti&#8221;<\/strong>: se da un lato i <a href=\"https:\/\/kinqsta.com\/it\/blog\/page-builder-wordpress\/\">page builder visuali e drag-and-drop<\/a> possono essere molto belli dal punto di vista del design, dall&#8217;altro possono anche aggiungere molta massa al DOM. Dal punto di vista delle prestazioni, \u00e8 meglio che attenersi all&#8217;<a href=\"https:\/\/kinqsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">editor nativo<\/a>. <em>Potreste scoprire che il compromesso delle prestazioni di un visual builder vale la pena per la maggiore potenza di progettazione, e di solito va bene a patto che mettiate in pratica gli altri consigli<\/em>.<\/li>\n<\/ul>\n<h3>10. Evitare i reindirizzamenti (soprattutto quelli multipli)<\/h3>\n<p>I reindirizzamenti permettono di inviare il traffico da un URL a un altro URL prima del caricamento della pagina. Ad esempio, potreste reindirizzare chi visita la versione <strong>HTTP<\/strong> del vostro sito alla versione <strong>HTTPS<\/strong>.<\/p>\n<p>Tuttavia, poich\u00e9 il reindirizzamento deve essere completato prima che il browser dell&#8217;utente possa caricare la pagina, ogni reindirizzamento aggiunge centinaia di millisecondi di ritardo al tempo FCP del vostro sito (e ad altre metriche di performance).<\/p>\n<p>Ecco alcuni consigli per evitare i reindirizzamenti non necessari:<\/p>\n<ul>\n<li><strong>Aggiornare gli URL hardcoded se si passa da HTTP a HTTPS<\/strong>: se <a href=\"https:\/\/kinqsta.com\/it\/blog\/reindirizzare-http-verso-https\/\">passate il vostro sito a HTTPS<\/a>, dovreste aggiornare tutti gli URL nel database del vostro sito per utilizzare HTTPS invece di affidarvi ai reindirizzamenti.<\/li>\n<li><strong>Puntare gli URL alle versioni WWW o non-WWW corrette<\/strong>: assicuratevi che tutti i vostri URL utilizzino la versione corretta per evitare il reindirizzamento da WWW a non-WWW (o viceversa).<\/li>\n<li><strong>Correggere i link interni non funzionanti<\/strong>: aggiornate tutti i <a href=\"https:\/\/kinqsta.com\/it\/blog\/link-interrotti\/\">link interni non funzionanti<\/a> invece di affidarvi ai reindirizzamenti per mandare gli utenti nel posto giusto.<\/li>\n<li><strong>Chiedete ad altri siti di correggere i link esterni non funzionanti (se ne vale la pena)<\/strong>: se ricevete molto traffico da un link non funzionante da un sito di terzi, potete contattare il proprietario del sito e chiedergli di correggere il link invece di affidarsi ai reindirizzamenti.<\/li>\n<\/ul>\n<p>Per individuare i problemi di reindirizzamento, potete <a href=\"https:\/\/kinqsta.com\/it\/strumenti\/verifica-redirect\/\">utilizzare lo strumento gratuito Kinsta redirect checker<\/a>. Abbiamo anche un post sulle <a href=\"https:\/\/kinqsta.com\/it\/blog\/redirect-wordpress\/\">best practice di reindirizzamento di WordPress<\/a>.<\/p>\n<p>Ad esempio, qui potete vedere che il redirect checker di Kinsta ha rilevato pi\u00f9 redirect quando abbiamo inserito http:\/\/www.wordpress.org come URL:<\/p>\n<ul>\n<li>Un reindirizzamento da HTTP a HTTPS.<\/li>\n<li>Un secondo reindirizzamento da WWW a non-WWW.<\/li>\n<\/ul>\n<figure id=\"attachment_177114\" aria-describedby=\"caption-attachment-177114\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-177114\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/04\/kinsta-redirect-tool-1024x812.jpg\" alt=\"Una pagina di risultati del redirect checker di Kinsta che mostra pi\u00f9 reindirizzamenti.\" width=\"1024\" height=\"812\"><figcaption id=\"caption-attachment-177114\" class=\"wp-caption-text\">Reindirizzamenti multipli rilevati dallo strumento di controllo dei redirect di Kinsta.<\/figcaption><\/figure>\n<p>Se vedete reindirizzamenti multipli come questi, dovrete risolverli.<\/p>\n<h2>Riepilogo<\/h2>\n<p>Il First Contentful Paint \u00e8 una metrica di performance incentrata sull&#8217;esperienza dell&#8217;utente che permette di vedere quanto tempo impiega il primo contenuto a diventare visibile su una pagina. \u00c8 simile, <em>ma leggermente diversa<\/em>, da Largest Contentful Paint.<\/p>\n<p>Se ottimizzate i tempi di First Contentful Paint del vostro sito, avrete l&#8217;effetto naturale di migliorare anche il tempo di Largest Contentful Paint e la maggior parte delle altre metriche di performance del vostro sito.<\/p>\n<p>Per accelerarne i tempi, dovrete concentrarvi sull&#8217;ottimizzazione del codice del frontend del vostro sito e dei tempi di risposta del server.<\/p>\n<p>Mettendo un sito con codice ottimizzato su un <a href=\"https:\/\/kinqsta.com\/it\/hosting-wordpress\/\">hosting WordPress veloce come Kinsta<\/a>, dovreste essere in grado di portare i tempi di FCP del vostro sito ben al di sotto degli 1,8 secondi che Google considera &#8220;buoni&#8221;.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Problemi con i tempi del First Contentful Paint (FCP) sul sito? Se non sapete nemmeno cosa sia il First Contentful Paint o se state cercando consigli &#8230;<\/p>\n","protected":false},"author":199,"featured_media":77260,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[25868],"class_list":["post-77259","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-velocita-sito"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>First Contentful Paint: come migliorarne i tempi - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Cos&#039;\u00e8 il First Contentful Paint e come accelerare i tempi di FCP del tuo sito riducendo i tempi di risposta del server e ottimizzando il codice.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"First Contentful Paint: come migliorarne i tempi\" \/>\n<meta property=\"og:description\" content=\"Cos&#039;\u00e8 il First Contentful Paint e come accelerare i tempi di FCP del tuo sito riducendo i tempi di risposta del server e ottimizzando il codice.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-10T12:29:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-10T16:17:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Cos&#039;\u00e8 il First Contentful Paint e come accelerare i tempi di FCP del tuo sito riducendo i tempi di risposta del server e ottimizzando il codice.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"25 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"First Contentful Paint: come migliorarne i tempi\",\"datePublished\":\"2024-04-10T12:29:39+00:00\",\"dateModified\":\"2024-04-10T16:17:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/\"},\"wordCount\":4172,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/\",\"url\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/\",\"name\":\"First Contentful Paint: come migliorarne i tempi - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg\",\"datePublished\":\"2024-04-10T12:29:39+00:00\",\"dateModified\":\"2024-04-10T16:17:40+00:00\",\"description\":\"Cos'\u00e8 il First Contentful Paint e come accelerare i tempi di FCP del tuo sito riducendo i tempi di risposta del server e ottimizzando il codice.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Velocit\u00e0 del Sito\",\"item\":\"https:\/\/kinqsta.com\/it\/argomenti\/velocita-sito\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"First Contentful Paint: come migliorarne i tempi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/it\/#website\",\"url\":\"https:\/\/kinqsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinqsta.com\/it\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"First Contentful Paint: come migliorarne i tempi - Kinsta\u00ae","description":"Cos'\u00e8 il First Contentful Paint e come accelerare i tempi di FCP del tuo sito riducendo i tempi di risposta del server e ottimizzando il codice.","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:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/","og_locale":"it_IT","og_type":"article","og_title":"First Contentful Paint: come migliorarne i tempi","og_description":"Cos'\u00e8 il First Contentful Paint e come accelerare i tempi di FCP del tuo sito riducendo i tempi di risposta del server e ottimizzando il codice.","og_url":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2024-04-10T12:29:39+00:00","article_modified_time":"2024-04-10T16:17:40+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Cos'\u00e8 il First Contentful Paint e come accelerare i tempi di FCP del tuo sito riducendo i tempi di risposta del server e ottimizzando il codice.","twitter_image":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Jeremy Holcombe","Tempo di lettura stimato":"25 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinqsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"First Contentful Paint: come migliorarne i tempi","datePublished":"2024-04-10T12:29:39+00:00","dateModified":"2024-04-10T16:17:40+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/"},"wordCount":4172,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/","url":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/","name":"First Contentful Paint: come migliorarne i tempi - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg","datePublished":"2024-04-10T12:29:39+00:00","dateModified":"2024-04-10T16:17:40+00:00","description":"Cos'\u00e8 il First Contentful Paint e come accelerare i tempi di FCP del tuo sito riducendo i tempi di risposta del server e ottimizzando il codice.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#primaryimage","url":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg","contentUrl":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/wp-improving-first-contentful-paint-fcp-in-wordpress.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/it\/blog\/first-contentful-paint\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Velocit\u00e0 del Sito","item":"https:\/\/kinqsta.com\/it\/argomenti\/velocita-sito\/"},{"@type":"ListItem","position":3,"name":"First Contentful Paint: come migliorarne i tempi"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/it\/#website","url":"https:\/\/kinqsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinqsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinqsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinqsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinqsta.com\/it\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/posts\/77259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/comments?post=77259"}],"version-history":[{"count":6,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/posts\/77259\/revisions"}],"predecessor-version":[{"id":77297,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/posts\/77259\/revisions\/77297"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/translations\/es"},{"href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/77259\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/media\/77260"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/media?parent=77259"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/tags?post=77259"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/topic?post=77259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}