Lighthouse 2.6-updates

Brendan Kenny
Brendan Kenny
Kayce Basken
Kayce Basques

Lighthouse 2.6 is uit! Hoogtepunten zijn onder meer:

Zie de release notes van versie 2.6 voor de volledige lijst met nieuwe functies, wijzigingen en opgeloste bugs.

Hoe update je naar 2.6

  • NPM. Voer npm update lighthouse uit. Voer npm update lighthouse -g uit als je Lighthouse wereldwijd hebt geïnstalleerd.
  • Chrome-extensie. De extensie zou automatisch moeten updaten, maar je kunt deze handmatig updaten via chrome://extensions .
  • DevTools. Het Audits-paneel wordt meegeleverd met versie 2.6 in Chrome 65. U kunt controleren welke versie van Chrome u gebruikt via chrome://version . Chrome wordt ongeveer elke zes weken bijgewerkt naar een nieuwe versie. U kunt de nieuwste Chrome-code gebruiken door Chrome Canary te downloaden.

Nieuwe prestatie-audits

De opstarttijd van JavaScript is hoog

Bekijk een overzicht van de tijd die uw pagina besteedt aan het parseren, compileren en uitvoeren van elk script. De opstarttijd van JavaScript is een enigszins verborgen maar belangrijke factor in de laadtijd van een pagina.

De controle 'JavaScript opstarttijd is hoog'.
Figuur 1. De opstarttijd van JavaScript is hoog .

Gebruikt inefficiënt cachebeleid op statische activa

Zorg ervoor dat de browser al uw bronnen correct cachet.

De audit 'Gebruikt inefficiënt cachebeleid op statische activa'
Figuur 2. Het gebruik van inefficiënt cachebeleid bij de audit van statische activa

Vermijdt pagina-omleidingen

Pagina-omleidingen voegen een extra netwerk-roundtrip toe, of twee als een extra DNS-lookup nodig is. Minimaliseer omleidingen om de laadtijd van pagina's te versnellen.

De audit 'Pagina-omleidingen vermijden'
Figuur 3. De audit van de pagina Vermijden leidt om

Herziening van de score voor de toegankelijkheidssectie

In Lighthouse 2.6 wordt de totale toegankelijkheidsscore anders berekend. De score weegt elke toegankelijkheidsaudit op basis van de ernst van de impact op de gebruikerservaring en de frequentie van het probleem, gebaseerd op de HTTP Archive- dataset. Zie googlechrome/lighthouse/issues/3444 voor een uitgebreide bespreking.

Rapporteer UX-verbeteringen

Fouten op het hoogste niveau

Bovenaan uw rapport waarschuwt Lighthouse u voor fouten die mogelijk van invloed zijn geweest op de scores van uw pagina.

Fouten op het hoogste niveau bovenaan een rapport
Figuur 4. Fouten op het hoogste niveau bovenaan een rapport

Klik op Rapport exporteren Rapport exporteren Selecteer vervolgens Samenvatting afdrukken of Uitgebreid afdrukken om een ​​samengevatte of gedetailleerde versie van uw rapporten af ​​te drukken.

Samenvatting en uitgebreide weergaven afdrukken
Figuur 5. Samenvatting afdrukken en uitgebreide weergaven

Bug in beeldverhouding opgelost

2.6 verhelpt bovendien een bug waardoor de controle Afbeeldingen weergeven met de juiste beeldverhouding mislukte, zelfs als er geen afbeeldingen op de pagina stonden of als alle afbeeldingen de juiste grootte hadden.