{"id":15201,"date":"2021-05-27T06:20:49","date_gmt":"2021-05-27T04:20:49","guid":{"rendered":"https:\/\/www.serverplan.com\/blog\/?p=15201"},"modified":"2023-11-15T13:29:52","modified_gmt":"2023-11-15T12:29:52","slug":"first-input-delay","status":"publish","type":"post","link":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/","title":{"rendered":"First Input Delay, cos&#8217;\u00e8 e come ottimizzarlo"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Il <strong>First Input Delay<\/strong> &#8211; o ritardo del primo input utente &#8211; \u00e8 una metrica presa in considerazione dai <a href=\"https:\/\/www.serverplan.com\/blog\/core-web-vitals\/\">Core Web Vitals<\/a>. Ovvero gli elementi pi\u00f9 importanti, almeno secondo la valutazione di Google, nella definizione dell&#8217;esperienza utente e che comprendono altri aspetti come il <a href=\"https:\/\/www.serverplan.com\/blog\/cumulative-layout-shift\/\">Cumulative Layout Shift<\/a> e il <a href=\"https:\/\/www.serverplan.com\/blog\/largest-contentful-paint\/\">Largest Contentful Paint<\/a>. <\/p>\n\n\n\n<p align=\"center\"><iframe loading=\"lazy\" width=\"100%\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/5mo8JfIi3HI\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tutto questo, insieme ad altri segnali come la presenza dell&#8217;HTTPS e di una navigazione sicura, rende un servizio migliore alla page experience che \u00e8 ormai diventata un<strong> fattore di ranking<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Insomma, in poche parole stiamo dicendo che tutto ci\u00f2 che riguarda la UX si intreccia in <strong>modo evidente con la SEO<\/strong>. E che il First Input Delay \u00e8 uno degli ingredienti fondamentali di questo equilibrio. Ma di cosa si tratta esattamente? Scopriamo insieme questo fattore decisivo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cos&#8217;\u00e8 il First Input Delay, definizione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\n\n\n\n<p class=\"wp-block-paragraph\">Con il termine First Input Delay intendiamo uno dei <strong>tre segnali web essenziali<\/strong>. Nello specifico si tratta di quello che misura la capacit\u00e0 di una pagina di interagire nel minor tempo possibile. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nello specifico, il FID indica il tempo che trascorre tra la prima interazione dell&#8217;utente con la pagina e la risposta. Questo perch\u00e9 \u00e8 sicuramente vera l&#8217;importanza di avere un First Contentful Paint (FCP, velocit\u00e0 di caricamento percepita) adeguato all&#8217;<strong>esperienza utente<\/strong>, ma per renderla tale c&#8217;\u00e8 bisogno che la persona riceva feedback. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per sintetizzare: non basta far caricare la pagina in tempi rapidi, deve anche funzionare tutto quello che serve al tuo pubblico per essere soddisfatto in tempi utili. E il <strong>First Input Delay<\/strong> fa questo: permette al webmaster o al SEO expert di scoprire il tempo trascorso tra, ad esempio, il click su un bottone o un elemento mobile e il momento in cui il browser d\u00e0 la risposta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Per approfondire: <a href=\"https:\/\/www.serverplan.com\/blog\/come-creare-un-file-robots-txt\/\">a cosa serve il robots.txt<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FID basso o alto: il valore ideale?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Per dare una definizione chiara di come si gestisce questa metrica e di come pu\u00f2 aiutarti a migliorare il tuo sito web, possiamo dire che si tratta di una <strong>proporzione diretta tra FID<\/strong> alto e bassa UX: minore sar\u00e0 il First Input Delay e migliore sar\u00e0 l&#8217;esperienza utente. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/fid.png\"><img loading=\"lazy\" decoding=\"async\" width=\"812\" height=\"239\" src=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/fid.png\" alt=\"First Input Delay, cos'\u00e8 e come ottimizzarlo\" class=\"wp-image-15214\" srcset=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/fid.png 812w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/fid-300x88.png 300w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/fid-768x226.png 768w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/fid-790x233.png 790w\" sizes=\"auto, (max-width: 812px) 100vw, 812px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Da questo punto di vista si tratta di una metrica abbastanza facile da definire: per fornire una buona pagina web ai tuoi utenti, il ritardo dovrebbe rientrare nei <strong>100 millisecondi o meno<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Perch\u00e9 valutare questo ritardo?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il <strong>divario tra il momento<\/strong> in cui un elemento appare sulla pagina e quello in cui risponde all&#8217;interazione umana dipende da una serie di elementi che devi monitorare con attenzione. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anche se un ritardo di qualsiasi tipo porta comunque a una cattiva <strong>esperienza dell&#8217;utente<\/strong>, Google suggerisce di puntare soprattutto su questo parametro per alcuni motivi fondamentali. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In primo luogo perch\u00e9 sar\u00e0 la <strong>prima impressione<\/strong> dell&#8217;utente sulla reattivit\u00e0 del tuo sito e le prime impressioni sono fondamentali per plasmare l&#8217;approccio sulla qualit\u00e0 e l&#8217;affidabilit\u00e0. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il miglioramento della prima interazione con l&#8217;utente del sito avr\u00e0 il maggiore impatto sul miglioramento dell&#8217;interattivit\u00e0 complessiva del web: le attivit\u00e0 per migliorare questo aspetto <strong>porta vantaggi<\/strong> a ogni dettaglio della risorsa anche se possono esserci delle differenze.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Come monitorare il First Input Delay<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Google fornisce <strong>diversi strumenti<\/strong> che consentono di osservare e valutare il First Input Delay che resta una metrica da misurare sul campo. Per una visione d&#8217;insieme di un singolo progetto web si pu\u00f2 usare la <a href=\"https:\/\/www.serverplan.com\/blog\/5-modi-per-sfruttare-sul-serio-google-webmaster-tool\/\">Search Console<\/a> che fornisce un&#8217;intera sezione dedicata alla page experience in cui troviamo anche i Core Web Vitals con l&#8217;andamento delle pagine. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"454\" src=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg\" alt=\"First Input Delay, cos'\u00e8 e come ottimizzarlo\" class=\"wp-image-15229\" srcset=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg 900w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first-300x151.jpg 300w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first-768x387.jpg 768w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first-773x390.jpg 773w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Poi, per valutare le singole risorse possiamo usare Lighthouse. Ovviamente c&#8217;\u00e8 <a href=\"https:\/\/www.serverplan.com\/blog\/pagespeed-insight-google\/\">Pagespeed Insight<\/a>. In particolar modo quest&#8217;ultimo tool consente di avere una legenda con i principali Core Web Vitals in primo piano con le voci da ottimizzare per avere dei <strong>risultati migliori<\/strong>. Quali sono, appunto, i passaggi da rispettare per migliorare il FID? Ecco una guida base.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ottimizzazione base del First Input Delay<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Partiamo da un presupposto chiaro: maggior semplicit\u00e0 vuol dire sempre un minor numero di possibili problemi. Avere un <strong>sito web semplice e snello<\/strong> porta sempre dei vantaggi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Soprattutto lato Core Web Vitals. Lo stesso discorso si pu\u00f2 fare per l&#8217;acquisto di un <a href=\"https:\/\/www.serverplan.com\/blog\/definizione-hosting\/\">hosting di qualit\u00e0<\/a>. Ma non bastano questi ingredienti per ottimizzare il First Input Delay. <strong>Devi ridurre<\/strong>:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tempi di esecuzione JavaScript<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bello usare JavaScript sulle pagine web ma questa scelta pu\u00f2 rallentare il sito web in modi differenti. La soluzione? Usa un buon plugin per l&#8217;ottimizzazione di questo snodo, inviando solo il codice di cui gli utenti hanno bisogno e minimizza al massimo ci\u00f2 che serve. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inoltre, rimuovi tutto ci\u00f2 che \u00e8 praticamente inutile. Ad esempio: <strong>pulsanti di condivisione<\/strong> social, video embedded, chat, banner pubblicitari, librerie di supporto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lavoro sul thread principale<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Il thread principale del processo di rendering gestisce la maggior parte del codice: analizza HTML e crea il DOM, definisce il CSS e applica gli stili, valuta ed esegue <strong>JavaScript<\/strong>. Si occupa anche degli eventi relativi all&#8217;utente. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/lighthouse.png\"><img loading=\"lazy\" decoding=\"async\" width=\"845\" height=\"431\" src=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/lighthouse.png\" alt=\"First Input Delay\" class=\"wp-image-15225\" srcset=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/lighthouse.png 845w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/lighthouse-300x153.png 300w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/lighthouse-768x392.png 768w, https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/lighthouse-765x390.png 765w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Qui andiamo alla fonte del problema: se il thread principale \u00e8 intasato, la tua pagina web potrebbe non rispondere alle interazioni, causando un <strong>aumento del First Input Delay<\/strong>. Come suggerisce anche <a href=\"https:\/\/web.dev\/mainthread-work-breakdown\/\">Google<\/a>, grazie a Lighthouse puoi individuare tutto ci\u00f2 che crea problemi su questo fronte e intervenire di conseguenza.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Codice di terze parti<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Per aggiungere un <strong>banner dinamico<\/strong>, un bottone di share o un qualsiasi altro elemento legato a servizi esterni si aggiunge uno script &#8211; ospitato su un dominio diverso &#8211; nel codice HTML. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Queste soluzioni possono influire sulle prestazioni di caricamento della pagina. E in particolar modo sul First Input Delay. Come risolvere? Usa Lighthouse per analizzare i tempi: se si superano i <strong>250 millisecondi<\/strong> per voce c&#8217;\u00e8 bisogno di ottimizzare o eliminare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Da leggere: <a href=\"https:\/\/www.serverplan.com\/blog\/rel-canonical\/\">cos&#8217;\u00e8 il rel=&#8221;canonical&#8221; e a cosa serve<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Richieste e dimensioni file<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Torniamo alla base, alle origini del nostro lavoro: sintetizzare, ridurre, comprimere tutto ci\u00f2 che pu\u00f2 essere migliorato e snellito. Le richieste di file CSS e JavaScript<strong> bloccano il rendering<\/strong>, i browser non possono visualizzare il contenuto sullo schermo finch\u00e9 continuano le richieste e il tuo obiettivo \u00e8 ridurre tutto ci\u00f2 con plugin specifici o intervento manuale. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Concentriamoci sul visual: le richieste per caricare le immagini non bloccano il rendering come CSS e JavaScript, ma possono influire negativamente sulle <strong>prestazioni di caricamento<\/strong>. Questo soprattutto da mobile quindi \u00e8 importante ridurre il peso e definire le dimensioni con precisione. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Passiamo ai font<\/strong>: Il caricamento lento dei caratteri pu\u00f2 portare alla presenza di blocchi invisibili, quindi imposta un carattere sempre disponibile in modo da non creare mancanze per l&#8217;interazione. Tutto questo, chiaramente, si inserisce in un processo di ottimizzazione generale che inizia sempre da una buona base. Come quella che abbiamo gi\u00e0 citato: la scelta di un server di qualit\u00e0.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-7d812b4c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.serverplan.com\/hosting\">Acquista un hosting Serverplan<\/a><\/div>\n<\/div>\n<div style='text-align:center' class='yasr-auto-insert-visitor'><\/div>","protected":false},"excerpt":{"rendered":"<p>Il First Input Delay &#8211; o ritardo del primo input utente &#8211; \u00e8 una metrica presa in considerazione dai Core Web Vitals. Ovvero gli elementi pi\u00f9 importanti, almeno secondo la valutazione di Google, nella definizione dell&#8217;esperienza utente e che comprendono altri aspetti come il Cumulative Layout Shift e il Largest Contentful Paint. Tutto questo, insieme <\/p>\n","protected":false},"author":5,"featured_media":15229,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[415],"tags":[],"class_list":["post-15201","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vita-da-webmaster"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>First Input Delay: cos&#039;\u00e8 e come ottimizzare questo aspetto<\/title>\n<meta name=\"description\" content=\"Qual \u00e8 il ruolo del First Input Delay? Ecco tutto quello che devi sapere per approfondire questo argomento cos\u00ec importante per il tuo sito.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.serverplan.com\/blog\/first-input-delay\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"First Input Delay: cos&#039;\u00e8 e come ottimizzare questo aspetto\" \/>\n<meta property=\"og:description\" content=\"Qual \u00e8 il ruolo del First Input Delay? Ecco tutto quello che devi sapere per approfondire questo argomento cos\u00ec importante per il tuo sito.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.serverplan.com\/blog\/first-input-delay\/\" \/>\n<meta property=\"og:site_name\" content=\"Serverplan Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/serverplan.it\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/riccardo.esposito\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-27T04:20:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-15T12:29:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"454\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Riccardo Esposito\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Riccardo Esposito\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/\"},\"author\":{\"name\":\"Riccardo Esposito\",\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/#\\\/schema\\\/person\\\/7bb3435beb74d4bf4797212aab494862\"},\"headline\":\"First Input Delay, cos&#8217;\u00e8 e come ottimizzarlo\",\"datePublished\":\"2021-05-27T04:20:49+00:00\",\"dateModified\":\"2023-11-15T12:29:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/\"},\"wordCount\":1120,\"commentCount\":2,\"image\":{\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/first.jpg\",\"articleSection\":[\"Webmaster\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/\",\"url\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/\",\"name\":\"First Input Delay: cos'\u00e8 e come ottimizzare questo aspetto\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/first.jpg\",\"datePublished\":\"2021-05-27T04:20:49+00:00\",\"dateModified\":\"2023-11-15T12:29:52+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/#\\\/schema\\\/person\\\/7bb3435beb74d4bf4797212aab494862\"},\"description\":\"Qual \u00e8 il ruolo del First Input Delay? Ecco tutto quello che devi sapere per approfondire questo argomento cos\u00ec importante per il tuo sito.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/first.jpg\",\"contentUrl\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/first.jpg\",\"width\":900,\"height\":454},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/first-input-delay\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"First Input Delay, cos&#8217;\u00e8 e come ottimizzarlo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/\",\"name\":\"Serverplan Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/#\\\/schema\\\/person\\\/7bb3435beb74d4bf4797212aab494862\",\"name\":\"Riccardo Esposito\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6173542a8ca5dfd7c2cd3ecb7725a470038bbb1722d954e2b096ddee8eb2830?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6173542a8ca5dfd7c2cd3ecb7725a470038bbb1722d954e2b096ddee8eb2830?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6173542a8ca5dfd7c2cd3ecb7725a470038bbb1722d954e2b096ddee8eb2830?s=96&d=mm&r=g\",\"caption\":\"Riccardo Esposito\"},\"description\":\"Senior copywriter, web writer freelance per Serverplan e autore di My Social Web. Scrivo ogni giorno. Ho pubblicato 3 libri dedicati al mondo del blogging e del web copywriting.\",\"sameAs\":[\"https:\\\/\\\/www.mysocialweb.it\\\/\",\"https:\\\/\\\/www.facebook.com\\\/riccardo.esposito\"],\"url\":\"https:\\\/\\\/www.serverplan.com\\\/blog\\\/author\\\/serverplan-web\\\/\"},false]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"First Input Delay: cos'\u00e8 e come ottimizzare questo aspetto","description":"Qual \u00e8 il ruolo del First Input Delay? Ecco tutto quello che devi sapere per approfondire questo argomento cos\u00ec importante per il tuo sito.","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:\/\/www.serverplan.com\/blog\/first-input-delay\/","og_locale":"it_IT","og_type":"article","og_title":"First Input Delay: cos'\u00e8 e come ottimizzare questo aspetto","og_description":"Qual \u00e8 il ruolo del First Input Delay? Ecco tutto quello che devi sapere per approfondire questo argomento cos\u00ec importante per il tuo sito.","og_url":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/","og_site_name":"Serverplan Blog","article_publisher":"https:\/\/www.facebook.com\/serverplan.it","article_author":"https:\/\/www.facebook.com\/riccardo.esposito","article_published_time":"2021-05-27T04:20:49+00:00","article_modified_time":"2023-11-15T12:29:52+00:00","og_image":[{"width":900,"height":454,"url":"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg","type":"image\/jpeg"}],"author":"Riccardo Esposito","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Riccardo Esposito","Tempo di lettura stimato":"7 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/#article","isPartOf":{"@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/"},"author":{"name":"Riccardo Esposito","@id":"https:\/\/www.serverplan.com\/blog\/#\/schema\/person\/7bb3435beb74d4bf4797212aab494862"},"headline":"First Input Delay, cos&#8217;\u00e8 e come ottimizzarlo","datePublished":"2021-05-27T04:20:49+00:00","dateModified":"2023-11-15T12:29:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/"},"wordCount":1120,"commentCount":2,"image":{"@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/#primaryimage"},"thumbnailUrl":"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg","articleSection":["Webmaster"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.serverplan.com\/blog\/first-input-delay\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/","url":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/","name":"First Input Delay: cos'\u00e8 e come ottimizzare questo aspetto","isPartOf":{"@id":"https:\/\/www.serverplan.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/#primaryimage"},"image":{"@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/#primaryimage"},"thumbnailUrl":"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg","datePublished":"2021-05-27T04:20:49+00:00","dateModified":"2023-11-15T12:29:52+00:00","author":{"@id":"https:\/\/www.serverplan.com\/blog\/#\/schema\/person\/7bb3435beb74d4bf4797212aab494862"},"description":"Qual \u00e8 il ruolo del First Input Delay? Ecco tutto quello che devi sapere per approfondire questo argomento cos\u00ec importante per il tuo sito.","breadcrumb":{"@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.serverplan.com\/blog\/first-input-delay\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/#primaryimage","url":"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg","contentUrl":"https:\/\/www.serverplan.com\/blog\/wp-content\/uploads\/2021\/05\/first.jpg","width":900,"height":454},{"@type":"BreadcrumbList","@id":"https:\/\/www.serverplan.com\/blog\/first-input-delay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.serverplan.com\/blog\/"},{"@type":"ListItem","position":2,"name":"First Input Delay, cos&#8217;\u00e8 e come ottimizzarlo"}]},{"@type":"WebSite","@id":"https:\/\/www.serverplan.com\/blog\/#website","url":"https:\/\/www.serverplan.com\/blog\/","name":"Serverplan Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.serverplan.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.serverplan.com\/blog\/#\/schema\/person\/7bb3435beb74d4bf4797212aab494862","name":"Riccardo Esposito","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/d6173542a8ca5dfd7c2cd3ecb7725a470038bbb1722d954e2b096ddee8eb2830?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d6173542a8ca5dfd7c2cd3ecb7725a470038bbb1722d954e2b096ddee8eb2830?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d6173542a8ca5dfd7c2cd3ecb7725a470038bbb1722d954e2b096ddee8eb2830?s=96&d=mm&r=g","caption":"Riccardo Esposito"},"description":"Senior copywriter, web writer freelance per Serverplan e autore di My Social Web. Scrivo ogni giorno. Ho pubblicato 3 libri dedicati al mondo del blogging e del web copywriting.","sameAs":["https:\/\/www.mysocialweb.it\/","https:\/\/www.facebook.com\/riccardo.esposito"],"url":"https:\/\/www.serverplan.com\/blog\/author\/serverplan-web\/"},false]}},"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/posts\/15201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/comments?post=15201"}],"version-history":[{"count":5,"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/posts\/15201\/revisions"}],"predecessor-version":[{"id":25730,"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/posts\/15201\/revisions\/25730"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/media\/15229"}],"wp:attachment":[{"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/media?parent=15201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/categories?post=15201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.serverplan.com\/blog\/wp-json\/wp\/v2\/tags?post=15201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}