Kontroller ytelse og kvalitet på ethvert nettsted med fyr

Google er i forkant med moderne webdesign. Det tilbyr så mange verktøy fra Analytics til DevTools alle med sikte på å hjelpe folk til å lage en bedre web.

Nylig publiserte det et annet praktisk verktøy kalt fyrtårn. Dette er et gratis, automatisert testverktøy som kjører i Chrome . Det fungerer som en mini nettside revisjon der det vil sjekke nettstedets ytelse, fart, tilgjengelighet og overholdelse av semantiske beste praksis.

Lighthouse-utvidelsen ble opprettet primært for progressive webapps . Dette er generelle webapps som kjører i nettleseren og oppfører seg som innfødte apps, men fungerer som typiske nettsteder.

PWA er en stor del av fyrtårnet. Men målet med fyr er å hjelpe alle webutviklere å sjekke kvaliteten på sidene sine.

Dette kan inkludere HTML / CSS feilkontroll eller se etter dupliserte kodelinjer. Fyret ser også på ytelse med optimaliseringstips for bilder, filstørrelser, HTTP-forespørsler og så mye mer.

Alle hovedrevisjonsresultatene vises rett inn i Chrome DevTools, slik at du ikke engang trenger å åpne et nytt vindu for å sjekke statistikk. Alt du trenger er en løpende versjon av Chrome, og litt tid til å sile gjennom Lighthouse-revisjonsresultatene.

Generelt går det ned i fire kategorier:

• Opptreden.
• Tilgjengelighet.
• Beste praksis.
• Progressive Webapp egenskaper.

Hver kategori bryter ned i mindre egenskaper med anbefalinger for UX-forbedringer.

Ved å klikke på en knapp kan du trekke revisjonsresultater som hjelper deg radikalt til å forbedre nettstedets ytelse, hastighet, brukervennlighet og stort sett hver metrisk Google bryr seg om.

Hvis du vil lære mer, skumre gjennom hovedsiden og lese opp på Fyrtårnets mange funksjoner.

Du kan også se denne presentasjonen fra Google I / O 2017 som først introduserte fyr til dev-fellesskapet.