Controlla le prestazioni e la qualità di qualsiasi sito web con Lighthouse
Google è all'avanguardia del moderno web design. Offre così tanti strumenti, da Analytics a DevTools, tutti allo scopo di aiutare le persone a creare un Web migliore.
Di recente ha pubblicato un altro utile strumento chiamato Lighthouse. Questo è un strumento di test automatico gratuito che viene eseguito sullo sfondo di Chrome. Funziona come un mini sito Web di audit dove controllerà le prestazioni, la velocità, l'accessibilità e l'aderenza del sito alle migliori pratiche semantiche.
L'estensione del faro era creato principalmente per webapp progressivi. Queste sono webapp generali che funzionano nel browser e si comportano come app native, ma funzionano come i siti web tipici.
Gli PWA sono una parte enorme del progetto Lighthouse. Ma l'obiettivo di Lighthouse è di aiutare tutti gli sviluppatori web controlla la qualità delle loro pagine.
Questo può includere il controllo dei bug HTML / CSS o la ricerca di linee di codice duplicate. Lighthouse inoltre esamina le prestazioni del Web con suggerimenti di ottimizzazione per immagini, dimensioni dei file, richieste HTTP e molto altro ancora.
Appaiono tutti i principali risultati dell'audit proprio all'interno di Chrome's DevTools quindi non hai nemmeno bisogno di aprire una nuova finestra per controllare le statistiche. Tutto ciò di cui hai bisogno è una versione funzionante di Chrome e un po 'di tempo per setacciare i risultati dell'audit Lighthouse.
Generalmente questo si divide in quattro categorie:
- Prestazione.
- Accessibilità.
- Migliori pratiche.
- Proprietà webapp progressive.
Ogni categoria si suddivide ulteriormente in proprietà più piccole con raccomandazioni per i miglioramenti UX.
Al fare clic su un pulsante per tirare i risultati dell'audit questo ti aiuterà a migliorare radicalmente le prestazioni, la velocità, l'usabilità del sito Web e praticamente ogni metrica a cui interessa Google.
Se vuoi saperne di più sfoglia la pagina principale e leggi le numerose funzionalità di Lighthouse.
Puoi anche guardare questa presentazione da Google I / O 2017 che ha introdotto per la prima volta Lighthouse nella comunità di sviluppatori.