Che cos'è Google Lighthou­se?

Nel­l'am­bi­to delle pre­sta­zio­ni Lighthou­se analizza la velocità del sito web o della web app e verifica la corretta pre­sen­ta­zio­ne degli elementi caricati per l'utente. L'analisi comprende le sei sot­to­ca­te­go­rie seguenti:

• First Con­tent­ful Paint: indica quanto tempo è ne­ces­sa­rio affinché la prima immagine o il primo testo vengano vi­sua­liz­za­ti per intero sul sito.
• First Mea­ning­ful Paint: indica quando i contenuti prin­ci­pa­li del sito web sono com­ple­ta­men­te visibili.
• Speed Index: indica la velocità di vi­sua­liz­za­zio­ne dei contenuti della pagina web.
• Time To In­te­rac­ti­ve: indica quando la pagina è caricata in modo da essere com­ple­ta­men­te in­te­rat­ti­va.
• First CPU Idle: indica quando l'at­ti­vi­tà del thread prin­ci­pa­le della pagina web è suf­fi­cien­te­men­te bassa per la prima volta per elaborare l'input del­l'u­ten­te.
• Estimated Input Latency: stima quanti mil­li­se­con­di impiega la pagina o la web app per ri­spon­de­re all'input del­l'u­ten­te durante la finestra di cinque secondi con il carico più elevato nella creazione della pagina. Se la latenza è superiore a 50 mil­li­se­con­di, gli utenti trovano spesso la pagina o l'app lenta.

Oltre al­l'a­na­li­si dei suddetti fattori, Lighthou­se offre anche sug­ge­ri­men­ti di mi­glio­ra­men­to. Queste proposte for­ni­sco­no opzioni di ot­ti­miz­za­zio­ne versatili per ridurre i tempi di ca­ri­ca­men­to. Tra queste rientra, ad esempio, la com­pres­sio­ne di immagini, Ja­va­Script o la chiusura di risorse che po­treb­be­ro bloccare il rendering delle pagine web. Tutte le altre analisi delle pre­sta­zio­ni includono anche rac­co­man­da­zio­ni sui seguenti punti:

• Mantenere i file di immagine in formati che occupano poco spazio di ar­chi­via­zio­ne e salvarli nelle di­men­sio­ni corrette
• Se possibile, uti­liz­za­re testi e Ja­va­Script in forma compressa
• Ot­ti­miz­za­re la cache per una migliore pre­sen­ta­zio­ne del contenuto statico
• Evitare i rein­di­riz­za­men­ti e caricare nella fase iniziale le richieste più im­por­tan­ti per con­sen­ti­re tempi di risposta del server bassi
• Se possibile, fornire i contenuti animati in formati video moderni e poco in­gom­bran­ti
• Mantenere i volumi di dati del sito web il più possibile bassi
• Uti­liz­za­re markup e tag in modo ra­gio­ne­vo­le per mi­glio­ra­re i risultati delle mi­su­ra­zio­ni e del mo­ni­to­rag­gio

Nel­l'am­bi­to del­l'ac­ces­si­bi­li­tà, Google Lighthou­se verifica se il sito web o l'ap­pli­ca­zio­ne web pro­gres­si­va possono essere uti­liz­za­ti da persone con di­sa­bi­li­tà fisica. Viene espli­ci­ta­men­te ve­ri­fi­ca­to se elementi im­por­tan­ti come pulsanti o link sono descritti suf­fi­cien­te­men­te o immagini e grafica hanno una funzione di "voice over", che consente anche ai non vedenti di acquisire i contenuti tramite istru­zio­ni vocali.

Nel­l'am­bi­to delle best practices, Lighthou­se analizza prin­ci­pal­men­te gli aspetti di sicurezza di siti web o PWA. Lo strumento verifica se vengono uti­liz­za­te tec­no­lo­gie di crit­to­gra­fia come TLS, se le risorse in­cor­po­ra­te nel sito web pro­ven­go­no da fonti sicure o se le librerie Ja­va­Script sono sicure. Lighthou­se analizza inoltre se tutti i database collegati sono sicuri, indicando comandi non sicuri o l'u­ti­liz­zo di API obsolete.

Google Lighthou­se utilizza vari test per ana­liz­za­re la re­pe­ri­bi­li­tà dell'app o del sito web da parte di vari motori di ricerca. Tuttavia, questi test di Lighthou­se sono molto limitati. Lighthou­se dà i risultati del­l'a­na­li­si in una scala da 0 a 100 punti. Se non ottiene il punteggio completo, il gestore del sito web dovrebbe in­ter­ve­ni­re, poiché è ne­ces­sa­ria un'ot­ti­miz­za­zio­ne.

L'at­ten­zio­ne di Lighthou­se si concentra qui sul­l'ot­ti­miz­za­zio­ne per i motori di ricerca nel campo dei di­spo­si­ti­vi mobili. In par­ti­co­la­re, analizza la com­pa­ti­bi­li­tà mobile del sito web o del­l'ap­pli­ca­zio­ne web pro­gres­si­va e controlla se tag e metadati sono ot­ti­miz­za­ti.

Google Lighthou­se fornisce indici chiave nel campo della user ex­pe­rien­ce con in­for­ma­zio­ni come “First Con­tent­ful Paint” o “First Input Delay”, e lo fa in modo davvero semplice. Per ana­liz­za­re gli scenari nel modo più accurato possibile, lo strumento simula le con­di­zio­ni reali, spe­cial­men­te sui di­spo­si­ti­vi mobili, sotto forma di adat­ta­men­ti delle pre­sta­zio­ni della CPU e di altri fattori che in­fluen­za­no gli utenti nell'uso quo­ti­dia­no.

Dopo l'analisi, Lighthou­se fornisce punteggi compresi in un in­ter­val­lo tra 0 e 100, dove 100 è il risultato migliore. Con questi punteggi, potete orien­tar­vi per eliminare po­ten­zia­li errori o apportare ot­ti­miz­za­zio­ni. Nel­l'a­na­li­si delle pre­sta­zio­ni dei tempi di ca­ri­ca­men­to del sito web, i risultati dei punteggi vengono suddivisi in tre categorie. I punteggi da 0 a 49 (scala cromatica rosso) indicano che il sito è lento, da 50 a 89 (scala cromatica arancione) indicano una velocità ac­cet­ta­bi­le e da 90 a 100 (scala cromatica verde) indicano siti veloci.

Questi risultati per­met­to­no di ef­fet­tua­re le dovute im­po­sta­zio­ni e ot­ti­miz­za­zio­ni, se ne­ces­sa­rio, per ac­ce­le­ra­re i tempi di ca­ri­ca­men­to del sito web. Questa modalità di re­sti­tu­zio­ne dei risultati delle analisi si applica a tutti gli eventi mi­su­ra­bi­li, comprese le pre­sta­zio­ni per PWA, l'ac­ces­si­bi­li­tà e le best practices, nonché per la SEO.