Laatste aanpassingen aan het website platform

De 'Web Core Vitals' zijn een belangrijk gegeven voor een goede ranking in Google. Heel simpel gezegd zijn dit drie extra pijlers die meegenomen worden in de ranking van Google, onderverdeeld in laadsnelheid, interactiviteit en visuele stabiliteit. Om te zorgen dat jouw website het zowel nu als straks goed blijft doen zijn er behoorlijk wat dingen verbeterd. Web Vitals zijn opgedeeld in drie metrieke categorieën.

Hoe vaak gebruikers onverwachte verschuivingen ervaren op een website, dit is natuurlijk onprettig en zijn schadelijk voor de online ervaring.

Hoelang het duurt voordat de grotere elementen zichtbaar worden op een website zoals een flink afbeelding of uitgebreid tekstblok. Afgezet tegen het moment waarop de pagina voor het eerst geladen word.

De eerste indruk van de bezoeker met betrekking tot de interactiviteit en responsiviteit. Bijvoorbeeld de tijd tussen de eerste interactie van de bezoeker en het reageren van de browser op die bepaalde klik.

Foto galerijen kunnen nogal verschillen in hoogte door de hoeveelheid afbeeldingen die je kunt toevoegen, ook kunnen de afmetingen van de afzonderlijke afbeeldingen hierin een rol spelen. Dit is opgelost doordat er standaard een minimale hoogte wordt meegegeven aan de foto galerij widget. Op deze manier kan er nooit content onder de widget naar beneden gedrukt worden bij het laden van de afbeeldingen.

Het laden van afbeeldingen zorgt soms voor nogal wat vertraging doordat de browser niet weet hoe groot een bepaald bestand is. Omdat het systeem nu automatisch de breedte en hoogte van een afbeelding leest en deze toewijst aan de HTML tag van de desbetreffende afbeeldingen wordt er op voorhand al genoeg ruimte vrij gehouden zodat de website snel zichtbaar is.

Bijna elke website vandaag de dag maakt wel gebruik van een custom font. Browsers laden eerst een systeem front en daarna pas het custom font. Nu is het zo dat above-the-font content automatisch gedetecteerd worden op elke pagina. Hierdoor worden custom fonts gelijk weergegeven.

Het laden van achtergrond afbeeldingen sliders kost veel energie, zeker wanneer dit gaat om meerdere afbeeldingen. Laden van de eerste afbeelding in de slider heeft nu prioriteit, naderhand worden alle andere afbeeldingen geladen. Hierdoor komt de eerste afbeelding veel sneller tevoorschijn.

Browsers moeten razendsnel keuzes maken over welke content geladen wordt en wanneer.
Nu krijgen browsers hints over welke content eerst gedownload moet worden, wat de snelheid ten goede komt.

Veel widgets met verschillende afbeeldingen werden soms niet goed geschaald voor de juiste schermen en hadden niet automatisch gelijk de juiste breedte en hoogte. Nu worden de correcte maten automatisch geïmplementeerd voor afbeeldingen binnen widgets.