{"id":26751,"date":"2024-03-11T09:10:21","date_gmt":"2024-03-11T08:10:21","guid":{"rendered":"https:\/\/www.serverplan.com\/blog\/?p=26751"},"modified":"2024-03-11T09:10:23","modified_gmt":"2024-03-11T08:10:23","slug":"first-contentful-paint","status":"publish","type":"post","link":"https:\/\/www.serverplan.com\/blog\/first-contentful-paint\/","title":{"rendered":"Cos’\u00e8 il First Contentful Paint e come si ottimizza su un sito web"},"content":{"rendered":"\n

Basta chiedere a un SEO specialist<\/a> di effettuare un’analisi del sito web per scoprire che i Core Web Vitals<\/a> sono un elemento fondamentale per avere delle buone prestazioni. Sia in termini SEO che di UX. Nella lista di elementi che compongono la galassia dei parametri da valutare abbiamo anche il First Contentful Paint (FCP)<\/strong>.<\/p>\n\n\n

\n
\"Cos'\u00e8<\/figure>\n<\/div>\n\n\n

Il Pagespeed Insight di Google<\/a> registra questo parametro? Sicuramente, anzi \u00e8 uno dei valori che guadagna le prime posizioni nella sezione dedicata all’esperienza reale<\/strong>, registrata dai dati raccolti sul campo. Di cosa stiamo parlando esattamente? Ecco cosa devi sapere per migliorare questo parametro di base.<\/p>\n\n\n\n

Cos’\u00e8 il First Contentful Paint: definizione<\/h2>\n\n\n\n

\n\n\n\n

Il primo rendering significativo<\/strong> (traduzione del termine inglese) \u00e8 una metrica utilizzata per valutare le prestazioni del sito web e indica il tempo trascorso tra la richiesta di una pagina web e il momento in cui il browser visualizza il primo elemento di contenuto. Che pu\u00f2 essere testuale o visual. <\/p>\n\n\n\n

Perch\u00e9 \u00e8 cos\u00ec importante monitorare e ottimizzare il First Contentful Paint<\/strong>? Secondo le parole di Google<\/a>, avere un parametro basso, quindi un FCP contenuto, aiuta l’utente a capire cosa sta succedendo sulla pagina web. In questo modo si soddisfano delle esigenze in termini di user experience: chi naviga pu\u00f2 rendersi conto se quella \u00e8 la pagina che ha chiesto, se il contenuto soddisfa le sue esigenze, se mancano sezioni o c’\u00e8 qualche errore.<\/p>\n\n\n\n

Da leggere: cos’\u00e8 il Mobile First Index e cosa significa<\/a><\/strong><\/p>\n\n\n\n

Qual \u00e8 un buon punteggio da ottenere sul sito<\/h2>\n\n\n\n

Se vuoi sapere come migliorare il First Contentful Paint devi anche conoscere quali sono i benchmark. Ovvero i punti di riferimento che ti permettono di valutare se hai fatto un buon risultato<\/strong> oppure no. Bene, le regole sono chiare: secondo Google, un sito web di qualit\u00e0 sotto questo punto di vista registra un valore uguale o inferiore a 1,8 secondi. Che ovviamente puoi misurare su Pagespeed Insight e i vari tool alternativi come GTmetrix o Pingdom<\/a>. <\/p>\n\n\n

\n
\"punteggio<\/a>
Un buon risultato per il tuo FCP.<\/figcaption><\/figure>\n<\/div>\n\n\n

Per monitorare il punteggio del First Contentful Paint <\/strong>al meglio puoi utilizzare anche la Search Console di Google: la differenza \u00e8 che con questo SEO tool puoi avere una visione d’insieme del sito web, sempre dei dati registrati sul campo, mentre con Pagespeed Insight registri i valori della singola risorsa.<\/p>\n\n\n\n

Quindi qual \u00e8 la differenza tra FCP e LCP?<\/h2>\n\n\n\n

Probabilmente ti stai gi\u00e0 chiedendo cosa cambia tra Largest Contentful Paint<\/a> e il gi\u00e0 definito First Contentful Paint. Se quest’ultimo, il FCP, indica il tempo che passa dalla richiesta dell’utente al rendering (ovvero la rappresentazione sulla pagina web visibile) del primo elemento utile<\/strong>, l’LCP monitora il numero di secondi che servono per avere il contenuto principale e pi\u00f9 impegnativo della schermata above the fold.<\/p>\n\n\n\n

Come migliorare il First Contentful Paint<\/h2>\n\n\n\n

Il principio chiave da rispettare per ottimizzare il First Contentful Paint: semplificare l’above the fold. Bisogna alleggerire, ridurre le richieste, togliere il superfluo. Nel dettaglio, per\u00f2? Cosa dobbiamo fare per permettere agli utenti di ottenere subito le informazioni necessarie per valutare la bont\u00e0 della pagina internet?<\/p>\n\n\n\n

Scegli un hosting di qualit\u00e0<\/h3>\n\n\n\n

Iniziamo dalla base. Ridurre i tempi di risposta del sito web attraverso la scelta di un hosting performante \u00e8 la prima azione da fare se si vuole ottenere dei vantaggi sostanziali<\/strong> in termini di First Contentful Paint. Quali sono le caratteristiche tecniche che dovrebbe rispettare un buon prodotto oltre ad avere dei dischi SSD sui server?<\/p>\n\n\n\n