DebugBear Hoe de belangrijkste vitale indicatoren van het web in 2023 kunnen worden geoptimaliseerd

DebugBear Hoe de belangrijkste vitale indicatoren van het web in 2023 kunnen worden geoptimaliseerd post thumbnail image
Google Core Web Vitals werd in 2021 voor het eerst een rankingfactor. in 2022 Februari. de wijziging werd volledig toegepast op alle zoekopdrachten op mobiel en desktop. Sindsdien heeft Google ook gewerkt aan de ontwikkeling van nieuwe technologieën om de webprestaties te optimaliseren en aan het experimenteren met potentiële nieuwe prestatiestatistieken.

Wat zijn de belangrijkste vitale functies van het web en wat betekenen ze voor rankings?

Key web vitals zijn een set van drie gebruikerservaringstatistieken:
  • Maximale inhoud kleuring: hoe snel verscheen de grootste afbeelding of het grootste stuk tekst?
  • Eerste ingangsvertraging: Hoe snel reageert de website op gebruikersinvoer?
  • Cumulatieve layout-offset: Is de pagina stabiel na weergave of beweegt de inhoud?
Google verzamelt gegevens voor deze statistieken van echte gebruikers als onderdeel van het Chrome User Experience Report. Pagina’s die het goed doen op deze statistiek, staan ​​hoger in de zoekresultaten.

Gebruik prioriteitstips om uw website sneller te maken

Afgelopen april bracht Chrome Priority Hints uit, een nieuwe HTML-functie waarmee website-eigenaren de belangrijkste bronnen op een pagina kunnen markeren. Dit is vooral handig voor afbeeldingen die de meeste inhoud activeren. Standaard worden alle pagina-afbeeldingen met lage prioriteit geladen. Dit komt omdat de browser niet kan zeggen of het afbeeldingselement een heldafbeelding of een klein pictogram in de voettekst van de site zal zijn voordat de pagina in eerste instantie wordt weergegeven. Daarom is het gebruikelijk dat LCP-afbeeldingen eerst met lage prioriteit worden geladen en vervolgens overschakelen naar hoge prioriteit. Dit betekent dat de browser langer zal wachten met het downloaden van de afbeelding. Deze aanvraagwaterval laat daar een voorbeeld van zien. Let op de lange grijze lijn waar de browser op de hoogte is van de afbeelding, maar besluit dat hij deze nog niet hoeft te laden. Het toevoegen van het kenmerk fetchpriority=”high” lost dit probleem op. De browser begint met het laden van de LCP-afbeelding zodra deze wordt gedetecteerd, dus het tekenen van maximale inhoud gebeurt veel sneller.

Voer hoogwaardige snelheidstests voor websites uit

Er zijn veel gratis tools voor websitesnelheid beschikbaar op internet. Veel apparaten die zijn gebaseerd op de beacon-tool van Google gebruiken echter zogenaamde gesimuleerde beperking, wat ertoe kan leiden dat er onnauwkeurige statistieken worden gerapporteerd. Dit geldt ook voor de tool PageSpeed ​​Insights van Google. U kunt de gratis websitesnelheidstest van DebugBear gebruiken om nauwkeurige prestatiegegevens voor uw website te krijgen. De rapporten bevatten gedetailleerde laboratoriumtestresultaten en echte gebruikersgegevens uit het Chrome User Experience Report (CrUX).

Nieuwe Interaction to Next Paint (INP) statistiek

Core Web Vitals zal evolueren en in 2022 Google heeft een experimentele nieuwe statistiek uitgebracht genaamd Interaction to Next Paint. Het meet hoe lang het duurt voordat de gebruiker ververst wanneer de gebruiker interactie heeft met de pagina. Gebruikersinteractie voert vaak JavaScript op de pagina uit, waardoor de HTML van de pagina wordt bijgewerkt. Deze wijzigingen aan de pagina moeten vervolgens door de browser worden ingediend om de bijgewerkte inhoud aan de gebruiker weer te geven. Interactie met andere verven heeft tot doel twee beperkingen van de eerste invoerlatentiemetriek op te heffen:
  • FID omvat niet de tijd die is besteed aan het verwerken van gebruikersinvoer
  • FID kijkt alleen naar de eerste gebruikersinteractie
Meer dan 90% van de websites presteert momenteel goed op de eerste input latency metric, veel meer dan de andere twee belangrijkste levensaders van het web. Daarom kan INP de eerste invoerlatentie in de toekomst wijzigen omdat het beter beoordeelt hoe goed de gebruikerservaring van de website is.

Profiteer van de betere video-ondersteuning van Safari

Het downloaden van afbeeldingen neemt veel bandbreedte in beslag, dus ontwikkelen browserontwikkelaars voortdurend nieuwe videoformaten en platformfuncties. Helaas zal het enige tijd duren voordat deze functies volledig worden ondersteund in alle grote browsers. Gelukkig heeft Safari het afgelopen jaar enige vooruitgang geboekt. Safari was de laatste grote browser die het nieuwe, compactere AVIF-videoformaat begon te ondersteunen. Safari ondersteunt nu lui laden van native afbeeldingen met behulp van het kenmerk loading=”lazy”.

Identificeer en verwijder bronnen die het weergeven blokkeren

Resources die de weergave blokkeren, kunnen een aanzienlijke invloed hebben op de snelheid van uw site. Veel CSS-stylesheets en JavaScript-verzoeken blokkeren de weergave, wat betekent dat uw site pas inhoud weergeeft als deze bestanden zijn gedownload. Om website-eigenaren te helpen de laadtijden van hun pagina’s te optimaliseren, is Google begonnen met het bouwen van betere tools voor het rapporteren van bronnen die weergave blokkeren. Het nieuwe tabblad Prestatie-inzichten in Chrome DevTools vertelt u bijvoorbeeld welke verzoeken de weergave blokkeren.

Houd belangrijke webvitaliteiten in de loop van de tijd bij

Klaar om enkele van deze tips in de praktijk te brengen? Door een tool te gebruiken om uw website continu te monitoren, kunt u controleren of uw prestatie-optimalisaties echt werken en ervoor zorgen dat u wordt gewaarschuwd wanneer de prestaties verslechteren. U kunt ook de resultaten van eerdere tests bekijken om te begrijpen wat er is veranderd. DebugBear kan de belangrijkste webvitaliteit van uw website en uw concurrenten in de loop van de tijd volgen en de gedetailleerde rapporten leveren die u nodig hebt om uw website te optimaliseren. Rapporten kunnen u ook laten zien welke impact u heeft gehad op uw klanten en de rest van uw team. DebugBear houdt ook de prestatie-, SEO- en toegankelijkheidsscores van Lighthouse in de gaten. U krijgt een gedetailleerde beschrijving van welke audits u moet verbeteren. Begin vandaag nog met uw gratis proefperiode van 14 dagen en leer meer over de belangrijkste zaken van internet dit jaar. Het bericht Hoe web-KPI’s te optimaliseren in 2023 verscheen eerst op Search Engine Land.

Relevante berichten