{"id":1314,"date":"2022-07-28T18:23:05","date_gmt":"2022-07-28T18:23:05","guid":{"rendered":"https:\/\/www.bhoost.com\/it\/?p=1314"},"modified":"2023-12-07T17:20:47","modified_gmt":"2023-12-07T17:20:47","slug":"fmp-first-meaningful-paint-deprecata","status":"publish","type":"post","link":"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/fmp-first-meaningful-paint-deprecata\/","title":{"rendered":"FMP &#8211; First Meaningful Paint &#8211; Il primo contenuto visivo significativo (Deprecata)"},"content":{"rendered":"<p><b>Attenzione<\/b><\/p>\n<p><span style=\"color: #ff0000\"><i><span style=\"font-weight: 400\">La prima pittura significativa (FMP) \u00e8 deprecata in Lighthouse 6.0. In pratica FMP \u00e8 stato eccessivamente sensibile alle piccole differenze nel caricamento della pagina, portando a risultati incoerenti (bimodali). Inoltre, la definizione della metrica si basa su dettagli di implementazione specifici del browser, il che significa che non pu\u00f2 essere standardizzata n\u00e9 implementata in tutti i browser web. Andando avanti, considera invece l&#8217;utilizzo di <\/span><\/i><a style=\"color: #ff0000\" href=\"https:\/\/web.dev\/lcp\/\"><i><span style=\"font-weight: 400\">Largest Contentful Paint<\/span><\/i><\/a><i><span style=\"font-weight: 400\"> .<\/span><\/i><\/span><\/p>\n<p><span style=\"font-weight: 400\">La prima pittura significativa (FMP) \u00e8 una delle sei metriche monitorate nella sezione <\/span><b>Prestazioni<\/b><span style=\"font-weight: 400\"> del rapporto Lighthouse. Ogni metrica cattura alcuni aspetti della velocit\u00e0 di caricamento della pagina.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Il faro mostra FMP in pochi secondi:<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice dei contenuti<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a40684c89993\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a40684c89993\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/fmp-first-meaningful-paint-deprecata\/#Cosa_misura_FMP\" >Cosa misura FMP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/fmp-first-meaningful-paint-deprecata\/#In_che_modo_Lighthouse_determina_il_tuo_punteggio_FMP\" >In che modo Lighthouse determina il tuo punteggio FMP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/fmp-first-meaningful-paint-deprecata\/#Come_migliorare_il_tuo_punteggio_FMP\" >Come migliorare il tuo punteggio FMP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/fmp-first-meaningful-paint-deprecata\/#Tracciamento_FMP_sui_dispositivi_di_utenti_reali\" >Tracciamento FMP sui dispositivi di utenti reali<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/fmp-first-meaningful-paint-deprecata\/#Come_migliorare_il_tuo_punteggio_di_Performance_complessivo\" >Come migliorare il tuo punteggio di Performance complessivo<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Cosa_misura_FMP\"><\/span><span style=\"font-weight: 400\">Cosa misura FMP <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">FMP misura quando il contenuto principale di una pagina \u00e8 visibile all&#8217;utente. Il punteggio grezzo per FMP \u00e8 il tempo in secondi tra l&#8217;utente che avvia il caricamento della pagina e la pagina che esegue il rendering del contenuto above-the-fold principale. FMP mostra essenzialmente la tempistica della vernice dopo la quale si verifica il pi\u00f9 grande cambiamento di layout above-the-fold. Scopri di pi\u00f9 sui dettagli tecnici di FMP in <\/span><span style=\"font-weight: 400\">Time to First Meaningful Paint di Google: un approccio basato sul layout<\/span><span style=\"font-weight: 400\"> .<\/span><\/p>\n<p><a href=\"https:\/\/web.dev\/fcp\/\"><span style=\"font-weight: 400\">First Contentful Paint (FCP)<\/span><\/a><span style=\"font-weight: 400\"> e FMP sono spesso gli stessi quando il primo contenuto visualizzato nella pagina include il contenuto above the fold. Tuttavia, queste metriche possono differire quando, ad esempio, sono presenti contenuti above the fold all&#8217;interno di un iframe. FMP si registra quando il contenuto all&#8217;interno dell&#8217;iframe \u00e8 visibile all&#8217;utente, mentre FCP <\/span><i><span style=\"font-weight: 400\">non<\/span><\/i><span style=\"font-weight: 400\"> include il contenuto dell&#8217;iframe.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"In_che_modo_Lighthouse_determina_il_tuo_punteggio_FMP\"><\/span><span style=\"font-weight: 400\">In che modo Lighthouse determina il tuo punteggio FMP <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Proprio come FCP, FMP si basa sui <\/span><a href=\"https:\/\/httparchive.org\/reports\/loading-speed#fcp\"><span style=\"font-weight: 400\">dati reali delle prestazioni del sito Web dall&#8217;archivio HTTP<\/span><\/a><span style=\"font-weight: 400\"> .<\/span><\/p>\n<p><span style=\"font-weight: 400\">Quando FMP e FCP sono gli stessi, i loro punteggi sono identici. Se si verifica FMP dopo FCP, ad esempio quando una pagina contiene contenuto iframe, il punteggio FMP sar\u00e0 inferiore al punteggio FCP.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Ad esempio, supponiamo che il tuo FCP sia di 1,5 secondi e il tuo FMP sia di 3 secondi. Il punteggio FCP sarebbe 99, ma il punteggio FMP sarebbe 75.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Questa tabella mostra come interpretare il tuo punteggio FMP:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400\">Metrica FMP<\/span><\/p>\n<p><span style=\"font-weight: 400\">(in secondi)<\/span><\/td>\n<td><span style=\"font-weight: 400\">Codificazione del colore<\/span><\/td>\n<td><span style=\"font-weight: 400\">Punteggio FMP<\/span><\/p>\n<p><span style=\"font-weight: 400\">(percentuale archivio HTTP FCP)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">0\u20132<\/span><\/td>\n<td><span style=\"font-weight: 400\">Verde (veloce)<\/span><\/td>\n<td><span style=\"font-weight: 400\">75-100<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">2\u20134<\/span><\/td>\n<td><span style=\"font-weight: 400\">Arancio (moderato)<\/span><\/td>\n<td><span style=\"font-weight: 400\">50\u201374<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">Oltre 4<\/span><\/td>\n<td><span style=\"font-weight: 400\">Rosso (lento)<\/span><\/td>\n<td><span style=\"font-weight: 400\">0\u201349<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400\">Consulta il post sul <\/span><a href=\"https:\/\/web.dev\/performance-scoring\"><span style=\"font-weight: 400\">punteggio delle prestazioni di Lighthouse<\/span><\/a><span style=\"font-weight: 400\"> per sapere come viene calcolato il punteggio delle prestazioni complessive della tua pagina.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Come_migliorare_il_tuo_punteggio_FMP\"><\/span><span style=\"font-weight: 400\">Come migliorare il tuo punteggio FMP <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Vedi <\/span><a href=\"https:\/\/web.dev\/largest-contentful-paint#how-to-improve-largest-contentful-paint-on-your-site\"><span style=\"font-weight: 400\">Come migliorare la pittura di contenuto pi\u00f9 grande sul tuo sito<\/span><\/a><span style=\"font-weight: 400\"> . Le strategie per migliorare FMP sono in gran parte le stesse strategie per migliorare Largest Contentful Paint.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Tracciamento_FMP_sui_dispositivi_di_utenti_reali\"><\/span><span style=\"font-weight: 400\">Tracciamento FMP sui dispositivi di utenti reali <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Per informazioni su come misurare quando si verifica effettivamente FMP sui dispositivi dei tuoi utenti, consulta la pagina <\/span><span style=\"font-weight: 400\">delle metriche delle prestazioni incentrate sull&#8217;utente di Google. <\/span><span style=\"font-weight: 400\">La sezione <\/span><span style=\"font-weight: 400\">Tracking FMP using hero elements<\/span><span style=\"font-weight: 400\"> descrive come accedere a livello di codice ai dati FCP e inviarli a Google Analytics.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Per ulteriori informazioni sulla raccolta delle metriche degli utenti reali, consulta Google <\/span><span style=\"font-weight: 400\">Valutazione delle prestazioni di caricamento nella vita reale con navigazione e tempistica delle risorse . <\/span><span style=\"font-weight: 400\">I <\/span><span style=\"font-weight: 400\">contrassegni e le misure di temporizzazione utente L&#8217;audit Lighthouse<\/span><span style=\"font-weight: 400\"> ti consente di visualizzare i dati di temporizzazione utente nel tuo rapporto.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Come_migliorare_il_tuo_punteggio_di_Performance_complessivo\"><\/span><span style=\"font-weight: 400\">Come migliorare il tuo punteggio di Performance complessivo <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">A meno che tu non abbia un motivo specifico per concentrarti su una metrica particolare, di solito \u00e8 meglio concentrarti sul miglioramento del tuo punteggio di Performance complessivo.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Utilizza la sezione <\/span><b>Opportunit\u00e0<\/b><span style=\"font-weight: 400\"> del rapporto Lighthouse per determinare quali miglioramenti avranno pi\u00f9 valore per la tua pagina. Pi\u00f9 significativa \u00e8 l&#8217;opportunit\u00e0, maggiore sar\u00e0 l&#8217;effetto che avr\u00e0 sul tuo punteggio di Performance. Ad esempio, lo screenshot di Lighthouse di seguito mostra che l&#8217; <\/span><span style=\"font-weight: 400\">eliminazione delle risorse che bloccano il rendering<\/span><span style=\"font-weight: 400\"> produrr\u00e0 il miglioramento maggiore:<\/span><\/p>\n<p><a href=\"https:\/\/www.bhoost.com\/it\/speed-test\/\">Testa ora la velocit\u00e0<\/a> del tuo sito e ottieni 1 mese di Hosting Bhoost GRATIS.<\/p>\n<p><strong>Fonte \/ Source<\/strong> <a href=\"https:\/\/web.dev\/first-meaningful-paint\/\">https:\/\/web.dev\/first-meaningful-paint\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Attenzione La prima pittura significativa (FMP) \u00e8 deprecata in Lighthouse 6.0. In pratica FMP \u00e8 stato eccessivamente sensibile alle piccole [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[60],"class_list":["post-1314","post","type-post","status-publish","format-standard","hentry","category-piattaforme-ecommerce","tag-corewebvitals"],"acf":[],"jetpack_featured_media_url":"","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.bhoost.com\/it\/author\/andreasacca_vd0s1ik8\/"},"uagb_comment_info":0,"uagb_excerpt":"Attenzione La prima pittura significativa (FMP) \u00e8 deprecata in Lighthouse 6.0. In pratica FMP \u00e8 stato eccessivamente sensibile alle piccole [&hellip;]","_links":{"self":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/comments?post=1314"}],"version-history":[{"count":8,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1314\/revisions"}],"predecessor-version":[{"id":1610,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1314\/revisions\/1610"}],"wp:attachment":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media?parent=1314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/categories?post=1314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/tags?post=1314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}