Google Chrome Lighthouse 10 bevat twee nieuwe audits

Google Chrome Lighthouse 10 bevat twee nieuwe audits post thumbnail image

De onlangs uitgebrachte Lighthouse 10-technologie die PageSpeed ​​Insights en Chrome DevTools aandrijft, introduceert twee nieuwe website-audits. Deze audits zouden nuttig moeten zijn als onderdeel van een audit omdat ze betrekking hebben op sitebeveiliging en gebruikerservaringsfactoren. Technisch gezien is een van de audits een uitbreiding van een eerdere audit, maar in wezen is het een nieuwe audit. Lighthouse omvat verschillende soorten audits, waaronder toegankelijkheidsaudits, best practices-audits, prestatie-audits, progressieve webapp-audits en SEO-audits. Deze twee nieuwe audits zijn afkomstig van twee verschillende Lighthouse-audits. Een daarvan maakt deel uit van de best practice-audit en de andere komt uit de categorie doelmatigheidscontrole.

Nieuwe Back/Forward Cache-audit

Iets waar meestal niet aan wordt gedacht, is die Back/Forward-cache, ook wel bekend als bfcache. bfcache is een cache die is ingeschakeld met optimalisaties waarmee webpagina’s onmiddellijk kunnen worden geladen wanneer de gebruiker achteruit of vooruit door de site navigeert. Sites die geen bfcache hebben ingeschakeld, dwingen sitebezoekers om webpagina’s een tweede keer te downloaden terwijl ze heen en weer navigeren door de site. Wanneer bfcache echter is ingeschakeld, ervaren bezoekers van dezelfde site direct laden.
De ontwikkelaarspagina van Google over bfcache legt het als volgt uit:
“Back/Forward Cache (bfcache) slaat een momentopname van een pagina op in het geheugen wanneer een pagina wordt opgehaald uit de browsegeschiedenis. Dit versnelt het retourneren van pagina’s aanzienlijk, maar sommige browser-API’s (zoals unload-listeners) kunnen ervoor zorgen dat bfcache crasht en dat de pagina normaal wordt geladen. Er zijn best practices om ervoor te zorgen dat pagina’s in aanmerking komen voor bfcache. De eerste optimalisatie is om nooit de unload-gebeurtenis te gebruiken.
Volgens Web.dev:
“De unload-gebeurtenis is problematisch voor browsers omdat het ouder is dan bfcache, en veel webpagina’s werken in de (redelijke) veronderstelling dat de pagina niet meer bestaat na de unload-gebeurtenis.” Dit is een uitdaging omdat veel van die pagina’s ook zijn gebouwd in de veronderstelling dat de landingsgebeurtenis elke keer dat de gebruiker navigeerde, zou worden geactiveerd, wat niet langer waar is (en al lange tijd niet waar is). Mozilla’s ontwikkelaarswebsite voor het ontlaadgebeurtenis raadt het ook af: “Waarschuwing: ontwikkelaars moeten dit evenement vermijden.” Lighthouse 10 heeft nu bfcache-auditing. Het werkt door de testwebpagina te verlaten en terug te keren. Eventuele problemen met het gebruik van bfcache worden opgemerkt door de bfcache-audit.
Er zijn drie soorten storingen:

  1. Effectief
    Problemen die kunnen worden opgelost.
  2. In afwachting van ondersteuning
    Functies die nog niet door Chrome worden ondersteund, voorkomen dat de browser een webpagina in het cachegeheugen opslaat.
  3. ongeldig
    Dit zijn problemen buiten de pagina zelf die niet kunnen worden gecontroleerd of opgelost.

Lees meer informatie: Chrome-ontwikkelaarspagina over bfcache:
Zorg ervoor dat de pagina kan worden opgehaald uit de back/primary cache

Veldcontrole-extensie voor het plakken van wachtwoorden

Gebruikers toestaan ​​hun wachtwoord in het wachtwoordformulierveld te plakken, is een verbetering van de beveiliging. Door de mogelijkheid om wachtwoorden te plakken uit te schakelen, voorkomt u dat websitebezoekers wachtwoordmanagers gebruiken die sterke wachtwoorden gebruiken. In eerdere versies van Lighthouse waarin deze best practice voor plakken in formuliervelden werd getest, werd alleen het wachtwoordveld gecontroleerd. Lighthouse 10 verbetert deze controle door deze uit te breiden om te controleren of plakken in een (niet-leesbaar) invoerveld werkt. De aankondiging van Google over deze nieuwe audit legt uit waarom het belangrijk is: “Voor veel sites heeft het voorkomen van plakken een negatieve invloed op de gebruiker en verhindert het legitieme beveiligings- en toegankelijkheidsworkflows. Een “alleen-lezen” invoerveld is een formulierveld dat een standaard vooraf ingevulde invoer bevat. Alle andere invoervelden moeten plakken toestaan, omdat dit handig is voor het verbeteren van de toegankelijkheid, gebruikerservaring en beveiliging. De Google-pagina voor het oplossen van problemen met ontwikkelaars voor dit audittype biedt de volgende tips om dit probleem op te lossen:

“Plakken in wachtwoordvelden inschakelen

#Zoek de code die plakken voorkomt

Om snel de code te vinden en te controleren die plakken voorkomt:

  • Breid het bereik van het onderbrekingspunt van de gebeurtenislistener uit.

  • Vouw de klembordlijst uit.

  • Schakel het selectievakje in om te plakken.

  • Plak de tekst in het wachtwoordveld op uw pagina.

  • DevTools zou moeten pauzeren op de eerste regel code in de juiste luisteraar voor het plakken van gebeurtenissen.

Google moedigt u aan om een ​​JavaScript-luisteraarscript te identificeren dat plakken voorkomt en dit te verwijderen.

Twee nieuwe vuurtorenaudits

Veel SEO-audits controleren niet op beveiligingsproblemen, waarschijnlijk omdat beveiliging niets te maken heeft met ranking, een overtuiging die duidelijk onjuist is. Ik heb jarenlang betoogd dat beveiliging een SEO-probleem is, omdat slechte beveiliging een negatieve invloed heeft op de rankings. Als het doel van de audit is om de redenen vast te stellen waarom de rankings in het gedrang kunnen komen, dan zou naar mijn mening een veiligheidscontrole deel moeten uitmaken van de SEO-audit. Lighthouse 10 is live in de PageSpeed ​​Insights-tool en zal verschijnen in Chrome-versie 112, die momenteel gepland staat voor release in 2023. 29 maart Degenen die de nieuwe Lighthouse 10 vanuit de Chrome DevTools-interface willen uitproberen, kunnen dat doen met de Chrome Canary-ontwikkelaarsversie van de browser van Google, die alle nieuwste functies bevat in vergelijking met de reguliere versie van Chrome.

Lees over de nieuwe audits in de aankondiging van Lighthouse 10:
Wat is er nieuw in Lighthouse 10 – Nieuwe audits
Uitgelichte afbeelding door Shutterstock / Asier Romero

Relevante berichten