[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-it-costo-sito-web-lento":3},{"id":4,"title":5,"author":6,"body":7,"cover":439,"description":440,"draft":441,"extension":442,"locale":443,"meta":444,"navigation":445,"path":446,"publishedAt":447,"seo":448,"seoTitle":449,"slug":450,"stem":451,"tags":452,"__hash__":458},"blog\u002Fit\u002Fblog\u002Fcosto-sito-web-lento.md","Misurare le performance reali del sito: PageSpeed, CrUX e Core Web Vitals","Manuel Tardivo",{"type":8,"value":9,"toc":427},"minimark",[10,22,36,42,47,62,135,150,154,185,188,208,211,215,234,237,252,260,264,270,299,303,306,330,337,341,362,370,374,395,399,420],[11,12,13,17,18,21],"p",{},[14,15,16],"strong",{},"Problema che risolvi:"," “Il sito è lento” è un’opinione finché non hai ",[14,19,20],{},"numeri"," confrontabili con soglie ufficiali e dati di campo.",[11,23,24,27,28,31,32,35],{},[14,25,26],{},"Cosa fai in ~15 minuti:"," ottieni un report ",[14,29,30],{},"PageSpeed Insights"," (lab + campo), leggi ",[14,33,34],{},"LCP \u002F INP \u002F CLS"," e annoti un backlog di 3 azioni.",[11,37,38,41],{},[14,39,40],{},"Come sai che funziona:"," hai URL, data del test e valori numerici ripetibili (stesso URL, stesso strumento → confronto prima\u002Fdopo).",[43,44,46],"h2",{"id":45},"core-web-vitals-oggi-2024","Core Web Vitals oggi (2024+)",[11,48,49,50,53,54,61],{},"Google classifica come ",[14,51,52],{},"Core Web Vitals"," attuali (materiale ufficiale ",[55,56,60],"a",{"href":57,"rel":58},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals",[59],"nofollow","web.dev\u002Fvitals","):",[63,64,65,81],"table",{},[66,67,68],"thead",{},[69,70,71,75,78],"tr",{},[72,73,74],"th",{},"Metrica",[72,76,77],{},"Cosa misura",[72,79,80],{},"“Buono” (soglia comune citata da Google)",[82,83,84,101,120],"tbody",{},[69,85,86,92,95],{},[87,88,89],"td",{},[14,90,91],{},"LCP",[87,93,94],{},"Largest Contentful Paint — quando il blocco principale visibile è renderizzato",[87,96,97,98],{},"≤ ",[14,99,100],{},"2,5 s",[69,102,103,108,115],{},[87,104,105],{},[14,106,107],{},"INP",[87,109,110,111,114],{},"Interaction to Next Paint — reattività alle interazioni (ha sostituito ",[14,112,113],{},"FID"," come CWV)",[87,116,97,117],{},[14,118,119],{},"200 ms",[69,121,122,127,130],{},[87,123,124],{},[14,125,126],{},"CLS",[87,128,129],{},"Cumulative Layout Shift — stabilità del layout",[87,131,97,132],{},[14,133,134],{},"0,1",[11,136,137,138,141,142,145,146,149],{},"Non confondere ",[14,139,140],{},"lab"," (Lighthouse simula rete\u002FCPU) e ",[14,143,144],{},"campo"," (utenti reali, es. ",[14,147,148],{},"CrUX"," nel report PSI).",[43,151,153],{"id":152},"passo-1-pagespeed-insights","Passo 1 — PageSpeed Insights",[155,156,157,166,178],"ol",{},[158,159,160,161,165],"li",{},"Vai su ",[55,162,30],{"href":163,"rel":164},"https:\u002F\u002Fpagespeed.web.dev\u002F",[59],".",[158,167,168,169,172,173,177],{},"Incolla l’URL ",[14,170,171],{},"pubblico"," (produzione, non ",[174,175,176],"code",{},"localhost"," — per locale usa Lighthouse in Chrome, vedi sotto).",[158,179,180,181,184],{},"Scegli ",[14,182,183],{},"Mobile"," e avvia l’analisi.",[11,186,187],{},"Cosa guardare per prima cosa:",[189,190,191,198],"ul",{},[158,192,193,194,197],{},"Sezione ",[14,195,196],{},"Core Web Vitals assessment"," (dati di campo se il sito ha traffico sufficiente in CrUX; altrimenti vedrai messaggi sul campione limitato).",[158,199,200,203,204,207],{},[14,201,202],{},"Opportunities"," e ",[14,205,206],{},"Diagnostics"," in Lighthouse: sono suggerimenti prioritizzati (immagini, JS, font, LCP element).",[11,209,210],{},"Esporta o salva screenshot: ti servono per regressioni dopo un deploy.",[43,212,214],{"id":213},"passo-2-dati-di-campo-crux-nel-report","Passo 2 — Dati di campo (CrUX) nel report",[11,216,217,218,221,222,225,226,229,230,233],{},"PageSpeed mostra ",[14,219,220],{},"Origin"," o ",[14,223,224],{},"URL"," field data quando disponibile. Se vedi “",[14,227,228],{},"Insufficient real-user data","”, non significa che il sito sia veloce: significa solo che ",[14,231,232],{},"CrUX non ha abbastanza campioni"," per quella URL\u002Forigin nel periodo considerato.",[11,235,236],{},"In quel caso:",[189,238,239,245],{},[158,240,241,242,244],{},"usa comunque il report ",[14,243,140],{}," come checklist tecnica;",[158,246,247,248,251],{},"misura in ",[14,249,250],{},"produzione"," con RUM (vedi § strumenti avanzati) o attendi traffico su URL canoniche principali.",[11,253,254,255,165],{},"Riferimento progetto CrUX: ",[55,256,259],{"href":257,"rel":258},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fcrux",[59],"Chrome UX Report",[43,261,263],{"id":262},"passo-3-lighthouse-in-locale-chrome-devtools","Passo 3 — Lighthouse in locale (Chrome DevTools)",[11,265,266,267,269],{},"Per ",[174,268,176],{}," o staging dietro VPN:",[155,271,272,283,292],{},[158,273,274,275,278,279,282],{},"Chrome → ",[14,276,277],{},"F12"," → tab ",[14,280,281],{},"Lighthouse"," (o “Performance” per profilo manuale).",[158,284,285,286,289,290,165],{},"Modalità ",[14,287,288],{},"Navigation"," + dispositivo ",[14,291,183],{},[158,293,294,295,298],{},"Avvia e leggi gli stessi indicatori (LCP, CLS; per INP in locale valuta anche ",[14,296,297],{},"Interaction"," trace nel pannello Performance durante click reali).",[43,300,302],{"id":301},"passo-4-tre-fix-ad-alto-rendimento-dopo-il-primo-report","Passo 4 — Tre fix ad alto rendimento (dopo il primo report)",[11,304,305],{},"Ordine tipico quando Lighthouse segnala problemi classici:",[155,307,308,318,324],{},[158,309,310,313,314,317],{},[14,311,312],{},"LCP:"," ottimizza l’immagine o il blocco LCP (dimensioni responsive, ",[174,315,316],{},"fetchpriority=\"high\""," dove appropriato, CDN, evitare lazy sul hero).",[158,319,320,323],{},[14,321,322],{},"JS:"," riduci bundle e script di terze parti (analytics, chat, A\u002FB) — spesso il maggior colpevole di INP\u002Flunghi task.",[158,325,326,329],{},[14,327,328],{},"CLS:"," dimensioni esplicite per immagini\u002Fembed e non inserire banner sopra il contenuto dopo il paint.",[11,331,332,333,336],{},"Ogni intervento si valida ",[14,334,335],{},"rilanciando PSI"," o Lighthouse e confrontando le stesse metriche.",[43,338,340],{"id":339},"strumenti-avanzati-opzionali","Strumenti avanzati (opzionali)",[189,342,343,352],{},[158,344,345,348,349,351],{},[14,346,347],{},"Search Console"," → rapporto ",[14,350,52],{}," per trend su gruppi di URL (richiede proprietà verificata).",[158,353,354,357,358,361],{},[14,355,356],{},"RUM"," (es. strumenti analytics che raccolgono ",[174,359,360],{},"web-vitals"," in JS): unico modo affidabile per INP su utenti reali per app SPA.",[11,363,364,365,369],{},"Libreria: ",[55,366,360],{"href":367,"rel":368},"https:\u002F\u002Fgithub.com\u002FGoogleChrome\u002Fweb-vitals",[59]," (GitHub).",[43,371,373],{"id":372},"cosa-non-fare","Cosa non fare",[189,375,376,386],{},[158,377,378,381,382,385],{},[14,379,380],{},"Non"," citare percentuali di fatturato per 100 ms di ritardo senza ",[14,383,384],{},"modello di business e dati tuoi"," — variano per settore e funnel.",[158,387,388,390,391,394],{},[14,389,380],{}," ottimizzare il punteggio Lighthouse “a ideologia” se i ",[14,392,393],{},"campi"," CrUX sono già verdi su LCP\u002FINP\u002FCLS per le pagine che contano.",[43,396,398],{"id":397},"sintesi","Sintesi",[155,400,401,408,413],{},[158,402,403,404,407],{},"PSI su URL reale → leggi ",[14,405,406],{},"LCP, INP, CLS"," (campo + lab).",[158,409,410,411,165],{},"Lighthouse locale per staging\u002F",[174,412,176],{},[158,414,415,416,419],{},"Applica 1–3 fix mirati e ",[14,417,418],{},"ripeti la misura"," con la stessa procedura.",[11,421,422,423,426],{},"Il costo del “sito lento” per ",[14,424,425],{},"il tuo"," business si argomenta solo dopo questi numeri e dopo aver collegato metriche a funnel (es. calo conversione su pagina con INP alto) — non con aneddoti di altri retailer.",{"title":428,"searchDepth":429,"depth":429,"links":430},"",2,[431,432,433,434,435,436,437,438],{"id":45,"depth":429,"text":46},{"id":152,"depth":429,"text":153},{"id":213,"depth":429,"text":214},{"id":262,"depth":429,"text":263},{"id":301,"depth":429,"text":302},{"id":339,"depth":429,"text":340},{"id":372,"depth":429,"text":373},{"id":397,"depth":429,"text":398},"\u002Fblog\u002F13_costo_sito_web_lento_1x.webp","In circa 15 minuti: LCP, INP e CLS con PageSpeed Insights e dati CrUX, più tre azioni dopo il primo report. Senza percentuali e-commerce inventate.",false,"md","it",{},true,"\u002Fit\u002Fblog\u002Fcosto-sito-web-lento","2026-01-17",{"title":5,"description":440},"Performance sito: PageSpeed, CrUX, vitals","costo-sito-web-lento","it\u002Fblog\u002Fcosto-sito-web-lento",[453,454,455,456,457],"performance web","velocità sito","conversioni","SEO","user experience","83hDCogSsFd7XnfIqDNIR1wqNNNTzNSmCqmOQuaiFnA"]