3 minuten leestijd (636 woorden)

Afbeelding laden - Progressive Lazy Loading op WordPress

Donderdag 30 november 2023

11922 Hits

Media verandert een steriele WordPress-blog in een levende, bruisende website, maar de harde waarheid is dat bestanden en SEO niet goed samengaan. Er is gewoon niet veel om het tegendeel te zeggen - langzamere laadtijden leiden tot lagere SEO-scores. Niet alle hoop is echter verloren. Een paar maanden geleden hebben we gesproken over hoe WP Speed of Light de problemen met lazy loading verzacht . Nu gaan we een stap verder.

Ter herinnering: bij lazy loading worden niet alle afbeeldingen in een WordPress-bericht of -pagina geladen zodra de gebruiker op de pagina terechtkomt. In plaats daarvan WP Speed of Light tot de afbeeldingen in beeld komen om ze te downloaden. Op die manier laadt de pagina in eerste instantie veel sneller, wat de SEO ten goede komt en tegelijkertijd de ervaring aangenamer maakt voor lezers met een lagere internetsnelheid.

In versie 2.5 van de WordPress-plug-in is de lazy loading functie verbeterd om een beetje reactiever te zijn op de apparaten van je publiek en hun limieten. WP Speed of Light nieuwste versie van WP Speed of Light van lazy loading reageert sneller, met name voor gebruikers van lagere mobiele telefoons of een lage internetsnelheid.

In plaats van geen afbeeldingen te zien en ze vervolgens abrupt te laten laden, zien uw WordPress-gebruikers in eerste instantie een wazige versie van het mediabestand met lage resolutie. Wanneer het downloaden is voltooid, vervaagt het beeld. Op deze manier weten lezers dat er een afbeelding bestaat en kunnen ze wachten tot deze is geladen of doorgaan met lezen en er later naar terugkeren.

Afbeeldingen gedemystificeerd

Wat is het beste aan de laatste update van WP Speed of Light ? Als je de pro-add-on voor de WordPress-plug-in hebt, hoef je nauwelijks een vinger uit te steken. Om lazy loading , ga je naar het snelheidsoptimalisatiemenu van WP Speed of Light Light . Van daaruit kunt u lazy loading afbeeldingen vanaf het tabblad .

Als je meer controle wilt, bekijk dan ons vorige bericht de nieuwste functie van lazy loading te testen In feite is dat praktisch het geval. Als Image lazy loading is ingeschakeld, worden mediabestanden alleen geladen als en wanneer dat nodig is, met de nieuwe vervagingsfunctie om op te starten.

Zoals hierboven weergegeven, zullen uw afbeeldingen in eerste instantie een tijdelijke aanduiding voor een afbeelding met een lage resolutie weergeven op langzame netwerken, wazig om esthetisch aantrekkelijker te zijn. WordPress laadt - of liever, luie laadt - de afbeelding met volledige resolutie op de achtergrond zonder de lezer te onderbreken. Wanneer de afbeelding lazy loading , maakt de tijdelijke aanduiding plaats voor de volledige afbeelding.

Progressive Lazy Loading en SEO op WordPress

De vraag van een miljoen dollar is echter hoe dit nieuwe ' lazy loading van afbeeldingen de SEO beïnvloedt. Zou de tijdelijke aanduiding voor een wazige afbeelding immers niet voor meer laadtijd zorgen? In werkelijkheid wel. In de praktijk helemaal niet. De tijdelijke aanduiding van WP Speed of Light is een kleine afbeelding van 20 pixels die een verwaarloosbare tijd nodig heeft om te laden, waardoor er geen overhead wordt toegevoegd aan uw SEO-laadtijden. Tegelijkertijd verbergt de vervaging de pixelachtige artefacten van het beeld van lage kwaliteit.

En net als in de vorige versie van lazy loading worden alle SEO HTML-elementen van afbeeldingen bij de eerste opname geladen (niet lazyloading). Daarom kunnen de Google-bots en anderen de naam van het afbeeldingsbestand, de titel en de alt-tag lezen.

SEO is belangrijk, maar moet ondergeschikt zijn aan de gebruikerservaring. De nieuwste update van WP Speed of Light neemt dit principe ter harte, maar combineert de functionaliteit die SEO ten goede komt met de esthetiek waardoor lezers blijven terugkomen - alles zonder extra kosten voor SEO. Bekijk hier de weergave van een progressieve lazy loading :