Inzicht in Lighthouse Performance Metrics - SEO-tips van Semalt



De prestatiestatistieken van Lighthouse is iets dat u waarschijnlijk tegenkomt bij het bespreken van de technische aspecten van SEO. U vraagt ​​zich misschien af ​​waaruit deze test bestaat of hoe u de test op de prestaties van uw website kunt uitvoeren. Misschien ben je hier ook omdat je wilt weten wat Lighthouse inhoudt.

We gebruiken deze prestatiestatistieken-test in onze poging om alle cijfers die betrekking hebben op uw site groen te maken. Hier is alles wat u moet weten over Lighthouse.

Wat is Lighthouse

Lightroom is een open-source controletool die wordt gebruikt om gestandaardiseerde scores te produceren op vijf belangrijke gebieden, namelijk:
  • Prestatie
  • Progressive web-app
  • SEO
  • Beste praktijken
  • Toegankelijkheid
Voor dit artikel wordt de naam "Lighthouse" gebruikt om te verwijzen naar een reeks tests, dus raak niet in de war tijdens het lezen.

Lighthouse voert prestatietests uit met behulp van laboratoriumgegevens, ook wel geëmuleerde gegevens genoemd. Dit zijn de prestatiegegevens van een site die zijn verzameld in een door de mens gemaakte omgeving met vooraf gedefinieerde apparaten en netwerkinstellingen. Prestatiegegevens zijn belangrijk omdat ze helpen met de benodigde informatie voor het opsporen van prestatieproblemen. De ervaring op de lokale machine in een gecontroleerde omgeving is ontworpen om de ervaring van echte gebruikers na te bootsen.

Updaten naar Lighthouse

Op 5 mei 2020 kondigde het Chromium-project zijn set van drie statistieken aan waarmee de door Google ondersteunde open-source zou kunnen gebruiken bij het meten van prestaties. De statistieken werden Web Vitals genoemd. Ze maken deel uit van het initiatief van Google, ontworpen om SEO-experts te begeleiden bij het zoeken naar kwaliteitssignalen.

Deze statistieken zijn ontworpen om webprestaties op een gebruikersgerichte manier te meten. In slechts twee weken na de eerste lancering lanceerde Lighthouse V6 zijn aangepaste versie met Web Core Vitals als de primaire focus van deze update.

In juli 2020 zagen we dat de statistiek van Lighthouse v6 werd overgenomen in veel van de producten van Google met de release van Chrome 84. Het Chrome DevTools Audit-paneel werd ook omgedoopt tot Lighthouse. Er werd ook verwezen naar de Lighthouse-statistiek door PageSpeed ​​Insights en Google Search Console.

Tegenwoordig maakt Web Core Vitals meer dan de helft uit van de totale gewogen prestatiescore van Lighthouse. Over het algemeen beginnen pagina's een minimale impact te ondervinden, met ongeveer 83,32% van uitgevoerde tests die een verschuiving van tien punten of minder naar V6 aantonen.

Wat u moet weten voordat u de prestatietest uitvoert met Lighthouse

De juiste methodologie kiezen

De methodologie die u kiest om met zaken te wandelen. Lighthouse-audits zijn ingesteld om een ​​pagina per keer te analyseren. Maar het feit is dat de score van één pagina niet de weergave is van de prestaties van uw hele site, en alleen omdat uw startpagina snel wordt geladen, betekent niet dat uw hele site zo snel wordt geladen.

De beste manier om een ​​algemene schatting te krijgen van hoe goed een site presteert, is door meerdere paginatypen binnen uw site te testen. Hier identificeren we eerst de belangrijkste sitetypen, sjablonen en bezoekersconversiepunten (ze verwijzen naar de aanmeldings-, abonnement- en afrekenpagina's).

Voordat we doorgaan naar de optimalisatiefase van onze analyse, voeren we Lighthouse uit op elke willekeurig geselecteerde voorbeeldpagina en registreren we de verzamelde gegevens. Op basis van deze gegevens kunnen we nu een takenlijst maken op basis van de meest urgente tot minst urgente verbeteringen. Om verlies van gegevens te voorkomen, slaan we de JSON-resultaten op en vertrouwen we op de Lighthouse-viewer wanneer we gedetailleerde resultaatinformatie nodig hebben.

De achterstand terughalen met een geweldige ROI

Een ding dat we in de loop der jaren zeker hebben geleerd, is dat het verkrijgen van de middelen die nodig zijn voor SEO-actie niet eenvoudig is. Het hebben van een interne SEO is niet bepaald nuttig, omdat ze vaak worden vernietigd door hoe moeilijk het is om een ​​achterstallig ticket te krijgen. Uit onze ervaring weten we dat de beste manier om de versnellingen te smeren is door prioriteit te geven aan prestatie-initiatieven, wat resulteert in uitstekende cijfers die de investering in de SEO-afdeling ondersteunen.

De gegevens die het einde van de maand halen, zullen de dollartekens worden die onze ontwikkelingsinspanningen rechtvaardigen en belonen. Het is belangrijk om deze test uit te voeren, want als u dit doet, heeft u waarschijnlijk meer dan één gebied gemarkeerd, vooral als dit de eerste keer is. Dat is goed. Je kunt Lighthouse Scoring Calculator bekijken om te zien welke wijzigingen de grootste klappen zullen hebben.

Hoe u een Lighthouse-test uitvoert

Dit is het geval bij veel paden die naar één rivier leiden. Er zijn echter bepaalde paden die opvallen doordat ze gemakkelijker of prominenter in gebruik zijn. Als u de SEO-test in het realiseringsproces hoopt te integreren, moet u waarschijnlijk op de hoogte worden gebracht van NPM.

Heb je minder dan 5 minuten voordat je wordt gevraagd om met je gezicht naar het bord te kijken? Deze één-op-één rapporten zouden u de munitie moeten geven die u nodig heeft om hen ervan te overtuigen dat uw SEO doet het geweldig. Welke uitvoeringsmethode u ook kiest, mobiel is uitstekend, tenzij u een speciale use-case voor desktop hebt.

1. Chrome Devtools

We testen elke pagina afzonderlijk met behulp van het Chrome DevTools Lighthouse-paneel. Dit rapport is van vitaal belang omdat het een gebruikerservaring emuleert met behulp van de browser, zelfs wanneer het incognito is of de browsercache is uitgeschakeld.

Onze speciale manier om dit te benaderen, is door een Chrome-profiel te maken om te testen, maar het lokaal te houden. Dat betekent dat synchronisatie niet is ingeschakeld, geen wachtwoorden worden opgeslagen of gekoppeld aan een bestaand Google-account. We installeren ook geen extensies voor de gebruiker.

Als je klaar bent, kun je Lighthouse als volgt testen met DevTools
  1. Voer een incognito-instantie uit in Chrome.
  2. Ga naar het netwerkpaneel in DevTools en vink het vakje aan om de cache uit te schakelen. U kunt dit doen met Ctrl + Shift + I op Windows en Linux of Command + Option + I op Mac.
  3. Ga naar het Lighthouse-paneel en klik op een rapport genereren.
  4. Sla het bestand op zodra het is gegenereerd.
Wat zijn de voordelen van het draaien van Lighthouse vanuit Devtools?

Zoals we eerder al zeiden, zijn er veel manieren om een ​​vuurtorenanalyse uit te voeren. Wat dit ook betekent, is dat elke methode zijn voor- en nadelen heeft.

Het voordeel van deze methode is dat
  • U kunt lokale builds testen en erachter komen welke pagina's authentiek zijn.
  • De opgeslagen rapporten zijn te vergelijken met de Lighthouse CI Diff tool.
Nadelen van het uitvoeren van Lighthouse vanuit DevTools
  • U kunt slechts één rapport tegelijk doen.
  • U moet elk rapport handmatig opslaan.

2. Bij het continu testen van dezelfde pagina's

Stel dat u graag dezelfde pagina's herhaaldelijk test, web. dev is de ideale keuze. Het lijkt op het gebruik van alleen DevTools, zodat u niet al die piekerige extensies hoeft uit te schakelen. Deze methode is in principe ongecompliceerd. Het enige wat u hoeft te doen is:
  1. Bezoek web.dev/measure/
  2. Log in met je Google account.
  3. Voer de URL in van de pagina die u wilt controleren.
  4. Klik op audit uitvoeren.
Voordelen van het uitvoeren van Lighthouse vanaf internet. dev
  • Het legt de handige tijdlijn van de resultaten van de pagina vast.
  • Gebruikers hebben snelle links naar handleidingen om problemen te verbeteren.
  • Rapporten kunnen worden vergeleken met de Lighthouse CI Diff Tool.
Nadelen van het uitvoeren van Lighthouse vanaf internet. dev
  • U kunt slechts één analyse uitvoeren en één rapport tegelijk hebben.
  • U moet een record hebben van de URL's die u in de loop van de tijd hebt bijgehouden om te voorkomen dat u dezelfde URL onbedoeld opnieuw gebruikt.

De Node-opdrachtregel voor Lighthouse

Als u op schaal wilt testen, heeft de Node Command-Line de voorkeur. Hier is een gids over wat u moet doen:
  • Installeer npm: voor mc-gebruikers zou het verstandig zijn om homebrew te gebruiken, zodat je gekke afhankelijkheidsproblemen kunt vermijden.
  • Installeer de lighthouse-module door simpelweg deze code in te voeren: "npm install -g lighthouse."
  • U voert dan een enkele tekst uit met "lighthouse <url>."
  • Voer tests uit op lijsten met gebruik door de test programmatisch uit te voeren.
Voordelen van het uitvoeren van Lighthouse vanuit Node
  • U kunt meerdere rapporten tegelijk uitvoeren.
  • U kunt het programmeren om wijzigingen in de tijd automatisch bij te houden.
Nadelen van het runnen van Lighthouse vanuit Node
  • U moet een idee hebben hoe u moet coderen.
  • De installatie ervan vereist tijd.

Gevolgtrekking

De complexiteit van prestatiestatistieken zijn een indicator van de uitdagingen waarmee elke site wordt geconfronteerd. We vertrouwen op prestatiestatistieken als een proxy voor gebruikerservaring. Het stelt ons in staat om het pad van een gebruiker te bewandelen en te zien wat ze zien, te ervaren wat ze bij anderen ervaren om meer responsieve sites te bouwen.

Enkele andere tools zoals de test My Site Tool en What does My Site Cost by Google kunnen ook van pas komen. We gebruiken deze tools om de conversie en klantgerichte argumenten te maken voor het belang van prestaties op een site.

Hopelijk kunnen we, zodra uw project grip krijgt, aan uw bekwame en samenwerkende engineeringteam uitleggen wat de enkele metrische prestatie van uw Lighthouse betekent.

Geïnteresseerd in SEO? Bekijk onze andere artikelen over de Semalt blog