Controleer de prestaties en kwaliteit van elke website met Lighthouse

Google loopt voorop in modern webdesign. Het biedt zoveel tools van Analytics tot DevTools allemaal met als doel mensen te helpen een beter web te maken.

Onlangs publiceerde het nog een handige tool genaamd Lighthouse. Dit is een gratis geautomatiseerde testtool die op de achtergrond van Chrome wordt uitgevoerd. Het werkt als een mini-website audit waarbij het de prestaties, snelheid, toegankelijkheid en naleving van semantische best practices controleert..

De uitbreiding van de vuurtoren was voornamelijk gemaakt voor progressieve webapps. Dit zijn algemene webapps die in de browser worden uitgevoerd en zich gedragen als native apps, maar toch functioneren als typische websites.

PWA's vormen een groot deel van het Lighthouse-project. Maar het doel van Lighthouse is om te helpen alle webontwikkelaars controleer de kwaliteit van hun pagina's.

Dit kan onder andere HTML / CSS-bugcontrole zijn of op zoek naar dubbele regels code. Lighthouse kijkt ook naar webprestaties met optimalisatietips voor afbeeldingen, bestandsgroottes, HTTP-aanvragen en nog veel meer.

Alle hoofdcontroleresultaten verschijnen recht in de DevTools van Chrome U hoeft dus niet eens een nieuw venster te openen om statistieken te bekijken. Het enige dat u nodig hebt, is een actieve versie van Chrome en enige tijd om de auditresultaten van Lighthouse te doorzoeken.

Over het algemeen valt dit uiteen in vier categorieën:

• Prestatie.
• Toegankelijkheid.
• Beste praktijken.
• Progressive Webapp-eigenschappen.

Elke categorie splitst zich verder op in kleinere panden met aanbevelingen voor UX-verbeteringen.

Bij de klik op een knop kunt u auditresultaten ophalen Hiermee kunt u de prestaties, snelheid, bruikbaarheid en vrijwel elke statistiek die Google belangrijk vindt, radicaal verbeteren.

Als je meer wilt leren over de hoofdpagina en meer wilt weten over de vele functies van Lighthouse.

Je kunt deze presentatie ook bekijken via Google I / O 2017, die Lighthouse voor het eerst introduceerde in de dev-community.