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 en gratis automatisert testverktøy som kjører i bakgrunnen av Chrome. Det fungerer som en mini nettside revisjon der det vil sjekke nettstedets ytelse, fart, tilgjengelighet og overholdelse av semantiske beste praksis.

Lighthouse forlengelsen var opprettet hovedsakelig 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 sjekk kvaliteten på sidene sine.

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

Alle hovedrevisjonene vises rett inne i Chrome DevTools så du trenger ikke engang å å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 bryter dette inn i fire kategorier:

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

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

På klikk på en knapp du kan trekke revisjonsresultater Det vil hjelpe deg med å forbedre nettstedets ytelse, hastighet, brukervennlighet, og ganske mye, 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 community.