Kontrollera prestanda och kvalitet på vilken webbplats som helst med fyren

Google är i spetsen för modern webbdesign. Det erbjuder så många verktyg från Analytics till DevTools alla med sikte på att hjälpa människor att skapa en bättre webben.

Nyligen har det publicerats ett annat praktiskt verktyg som heter Lighthouse. Det här är en gratis automatiserat testverktyg som körs i bakgrunden av Chrome. Det fungerar som en mini-webbplatsrevision där den ska kontrollera webbplatsens prestanda, hastighet, tillgänglighet och efterlevnad av semantiska bästa praxis.

Fyrförlängningen var skapad främst för progressiva webbapps. Det här är allmänna webapps som körs i webbläsaren och beter sig som inhemska appar, men fungerar som typiska webbplatser.

PWA är en stor del av fyrprojektet. Men fyrens mål är att hjälpa alla webbutvecklare kolla kvaliteten på deras sidor.

Detta kan inkludera HTML / CSS-felkontroll eller leta efter dubbla kodradslinjer. Fyren tittar också på webbprestanda med optimeringstips för bilder, filstorlekar, HTTP-förfrågningar och så mycket mer.

Alla huvudrevisionsresultat visas precis inuti Chrome DevTools så du behöver inte ens öppna ett nytt fönster för att kontrollera statistik. Allt du behöver är en springande version av Chrome och lite tid för att sikta genom Lighthouse-revisionsresultaten.

I allmänhet uppdelas detta i fyra kategorier:

• Prestanda.
• Tillgänglighet.
• Bästa praxis.
• Progressiva Webapp egenskaper.

Varje kategori bryts ner ytterligare i mindre egenskaper med rekommendationer för UX-förbättringar.

Vid Klicka på en knapp som du kan dra revisionsresultat Det hjälper dig radikalt förbättra webbplatsens prestanda, hastighet, användbarhet och nästan alla metriska Google bryr sig om.

Om du vill lära dig mer skymma genom huvudsidan och läs upp på fyrens många funktioner.

Du kan också titta på den här presentationen från Google I / O 2017 som först introducerade fyr till dev community.