Google onthuld onlangs het nieuws van de publicatie van zijn Lighthouse-tool, pvoor de Firefox-webbrowser, die werd verstrekt als aanvulling voor de browser. De Firefox-add-on was opgesteld door het kernontwikkelingsteam van Lighthouse en maakt gebruik van de PageSpeed Insights API om rapporten te genereren.
Voor degenen die niet bekend zijn met Lighthouse, moet u weten dat het een open source geautomatiseerde tool is voor webontwikkelaars die is opgenomen in Chrome en die is ontworpen om de kwaliteit van webapplicaties te verbeteren.
Met Lighthouse voert u gewoon een reeks tests uit tegen de pagina en dit genereert een rapport over de prestaties van de pagina. Van hieruit kunnen ontwikkelaars de verkregen gegevens als indicatoren gebruiken, waarmee ze hun webapplicatie kunnen verbeteren.
De plug-in maakt het mogelijk om te identificeren knelpunten analyseer bij de prestaties van webapplicaties het laadsnelheid van componenten en verbruik van hulpbronnen, identificeer onnodig resource-intensieve bewerkingen in JavaScript, identificeer problemen in de http-serverconfiguratie, ontwerpoptimalisatie evalueren voor zoekmachine-indexering (SEO) en de relevantie onderzoeken van het gebruik van webtechnologie en de geschiktheid van een webapplicatie voor mensen met een handicap, en de simulatie van de toepassing van een zwakkere CPU en een lage netwerkbandbreedte ondersteunen.
In principe kun je met Google Lighthouse veel informeren over de website, waaronder het volgende:
- Hoe lang het duurt voordat de eerste afbeelding of inhoud op het scherm van een gebruiker verschijnt.
- Of het robots.txt-bestand voor de site correct is gevormd en traceerbaar is
- Wanneer gebruikers voor het eerst met uw pagina kunnen communiceren
- De snelheidsbeoordeling van uw site
Het rapport is onderverdeeld in verschillende secties:
- prestatie: dat laat u de basisprincipes zien van de prestaties van uw site zoals die nu zijn. Dit rapport richt zich meer op de laadsnelheid van de site dan op enige andere factor.
- mogelijkheden: dat kansen biedt waarmee u uw site sneller kunt maken en de prestaties kunt verbeteren. Deze mogelijkheden zijn ongelooflijk specifiek, zoals het inschakelen van tekstcompressie.
- diagnose: die wijst op specifieke problemen op uw site die moeten worden aangepakt, zoals te grote bestandsgroottes en mogelijk langzamere laadtijden. Ze zullen u precies vertellen wat het probleem is, hoe het uw site beïnvloedt en waarom het moet worden opgelost.
- Progressive web-app- die u een gedetailleerde audit van uw webapplicatie geeft en ervoor kan zorgen dat uw mobiele applicatie betrouwbaar en functioneel is voor uw publiek. Dit is waardevol; Veel controletools bieden dit niet.
- toegankelijkheid: laten zien hoe u uw site toegankelijker en gemakkelijker te navigeren en gebruiken kunt maken. Dit mag niet worden genegeerd, aangezien UX-ontwerp essentieel is voor de effectiviteit van een site.
- Betere praktijken: die de beste manieren uitleggen om uw site betrouwbaar te optimaliseren, inclusief het implementeren van HTML en het weergeven van afbeeldingen.
- SEO: die nader bekijkt hoe uw site presteert in zoekmachines en de verschillende factoren die van invloed zijn op het rangschikkingspotentieel. Ze kijken naar indicatoren voor de kwaliteit van de inhoud, traceerbaarheid, compatibiliteit met mobiele apparaten en meer, en helpen u nieuwe manieren te vinden om de zichtbaarheid van uw zoekmachine te maximaliseren.
Verkrijg Lighthouse
Ten slotte kunnen degenen die geïnteresseerd zijn in het installeren en testen van deze add-on, ernaar zoeken in de Firefox add-on store of ze kunnen. via de onderstaande link.
Wat betreft degenen die Chrome-gebruikers zijn, zoals in het begin vermeld, is Lighthouse rechtstreeks geïntegreerd in de Chrome-ontwikkelaarstools, in het paneel "Audits".
Hoewel het ook beschikbaar is als browserextensie, die kan worden geïnstalleerd vanuit deze link
Over hoe u deze tool zowel grafisch als in CLI-modus gebruikt, kunt u de documentatie ervan raadplegen In de volgende link.