Afbeelding laden - Progressieve Lazy Loading op WordPress

Media verandert een steriel WordPress-blog in een levendige, bruisende website, maar de harde waarheid is dat bestanden en SEO niet goed samengaan. Er is gewoon niet veel tegenin te brengen - langere laadtijden leiden tot lagere SEO-scores. Toch is niet alle hoop verloren. Een paar maanden geleden hebben we het gehad over hoe WP Speed of Light de problemen met lazy loading verzacht. Nu gaan we een stap verder.

Ter herinnering: lazy loading laadt niet alle afbeeldingen in een WordPress-bericht of -pagina zodra de gebruiker op de pagina terechtkomt. In plaats daarvan wacht 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 SEO helpt en tegelijkertijd de ervaring aangenamer maakt voor lezers met een langzame internetverbinding.

In versie 2.5 van de WordPress-plugin is de lazy loading -functie verbeterd om iets responsiever te zijn op de apparaten van uw publiek en hun beperkingen. De nieuwste iteratie van lazy loading in WP Speed of Lightis responsiever, vooral voor gebruikers met goedkopere mobiele telefoons of een langzame internetverbinding.

In plaats van dat er geen afbeeldingen te zien zijn die vervolgens abrupt worden geladen, zien je WordPress-gebruikers eerst een lage-resolutie, wazige versie van het mediabestand. Wanneer het downloaden is voltooid, wordt de afbeelding scherp. Op deze manier weten lezers dat er een afbeelding is en kunnen ze wachten tot deze is geladen of verder lezen en er later op terugkomen.

Afbeeldingen ontrafeld

Wat is het beste aan de nieuwste update van WP Speed of Light? Als je de pro-addon voor de WordPress-plugin hebt, hoef je nauwelijks een vinger uit te steken. Om lazy loading in te stellen, ga je naar het WP Speed of Light’s snelheidsoptimalisatie -menu. Schakel daar lazy loading van afbeeldingen lazy loading in via het tabblad speedup .

Als je meer controle wilt, bekijk dan onze vorige post, maar dat zou voldoende moeten zijn om de nieuwste functie van lazy loading te testen. Eigenlijk is dat het zo'n beetje. Met lazy loading voor afbeeldingen ingeschakeld, worden mediabestanden alleen geladen als en wanneer dat nodig is, met bovendien de nieuwe vervagingsfunctie.

Zoals hierboven te zien is, tonen je afbeeldingen op trage netwerken eerst een tijdelijke afbeelding met lage resolutie, vervaagd om er aantrekkelijker uit te zien. WordPress laadt - of liever gezegd, lazy loadt - de afbeelding op volledige resolutie op de achtergrond zonder de lezer te onderbreken. Wanneer de afbeelding klaar is met lazy loading, maakt de tijdelijke afbeelding plaats voor de volledige afbeelding.

Progressief Lazy Loading en SEO op WordPress

De miljoen dollar vraag is echter hoe deze nieuwe afbeelding lazy loading de SEO beïnvloedt. Zou de vervaagde afbeeldingsplaceholder immers niet meer laadtijd toevoegen? In werkelijkheid wel. In de praktijk helemaal niet. De placeholder van WP Speed of Lightis een piepklein afbeeldinkje van 20 pixels dat vrijwel geen laadtijd kost en geen overhead toevoegt aan je SEO-laadtijden. Tegelijkertijd verbergt het vervagen de gepixelde artefacten van de afbeelding met lage kwaliteit.

En net als in de vorige versie van de lazy loading worden alle afbeelding-SEO-HTML-elementen in één keer geladen (niet lazy loaded). Daardoor kunnen de Google-bots en anderen de bestandsnaam, titel en alt-tag van de afbeelding lezen.

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

Als je de progressieve lazy loading op je WordPress-website wilt implementeren, volg dan deze link: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light is effectief op alle hostingdiensten op internet, bijvoorbeeld Cloudways is een perfect voorbeeld van een populaire dienst.