Afbeeldingen laden - Progressief Lazy Loading op WordPress
Media transformeert een steriele WordPress-blog in een levendige, bruisende website, maar de harde waarheid is dat bestanden en SEO niet goed samengaan. Daar valt weinig tegenin te brengen: langere laadtijden leiden tot lagere SEO-scores. Toch is er nog hoop. Een paar maanden geleden bespraken we hoe WP Speed of Light de problemen met lazy loading . Nu gaan we een stap verder.
Ter herinnering: lazy loading laadt niet alle afbeeldingen in een WordPress-bericht of -pagina zodra de gebruiker de pagina bezoekt. In plaats daarvan WP Speed of Light totdat de afbeeldingen in beeld komen voordat ze worden gedownload. Op die manier laadt de pagina in eerste instantie veel sneller, wat de SEO ten goede komt en de gebruikerservaring prettiger maakt voor mensen met een trage internetverbinding.

In versie 2.5 van de WordPress-plugin is de lazy loading functie verbeterd, waardoor deze beter inspeelt op de apparaten van je publiek en hun beperkingen. De nieuwste versie van lazy loading in WP Speed of Lightreageert sneller, met name voor gebruikers met minder krachtige mobiele apparaten of een trage internetverbinding.
In plaats van dat er eerst geen afbeeldingen te zien zijn en deze vervolgens abrupt laden, zien je WordPress-gebruikers in eerste instantie een wazige versie van het mediabestand met een lage resolutie. Zodra het downloaden is voltooid, wordt de afbeelding scherper. Op deze manier weten lezers dat er een afbeelding is en kunnen ze wachten tot deze geladen is of verder lezen en er later op terugkomen.
Beelden ontmystificeerd
Wat is het beste aan de nieuwste update van WP Speed of Light lazy loading in te stellen , ga je naar het menu voor snelheidsoptimalisatie van WP Speed of Light . Schakel daar lazy loading van afbeeldingen via het tabblad Versnelling'
Wil je meer controle, bekijk dan ons vorige bericht , maar dat zou voldoende moeten zijn om de nieuwste functie van lazy loading lazy loading ingeschakeld, worden mediabestanden alleen geladen wanneer dat nodig is, inclusief de nieuwe vervagingsfunctie.
Zoals hierboven weergegeven, wordt er op trage netwerken in eerste instantie een placeholder-afbeelding met lage resolutie getoond, die wazig is gemaakt voor een aantrekkelijker uiterlijk. WordPress laadt – of beter gezegd, laadt – de afbeelding in volledige resolutie op de achtergrond, zonder de lezer te onderbreken. Zodra het lazy loadingvan de afbeelding is voltooid, maakt de placeholder-afbeelding plaats voor de volledige afbeelding.
Progressieve Lazy Loading en SEO op WordPress
De hamvraag is echter hoe deze nieuwe lazy loading van afbeeldingen de SEO beïnvloedt. Zou de wazige afbeeldingsplaceholder immers niet juist voor langere laadtijden zorgen? In werkelijkheid wel. Maar in de praktijk helemaal niet. De placeholder van WP Speed of Lightis een kleine afbeelding van 20 pixels die nauwelijks laadtijd nodig heeft en dus geen extra belasting vormt voor je SEO-laadtijden. Tegelijkertijd verbergt de wazigheid de pixelachtige artefacten van de afbeelding van lage kwaliteit.
Net als in de vorige versie van lazy loading worden alle HTML-elementen voor afbeeldings-SEO in één keer geladen (niet via lazy loading). Hierdoor kunnen Google-bots en andere zoekmachines de bestandsnaam, titel en alt-tag van de afbeelding direct lezen.
SEO is belangrijk, maar de gebruikerservaring moet voorrang krijgen. De nieuwste update van WP Speed of Lightneemt dit principe ter harte en combineert functionaliteit die SEO ten goede komt met een aantrekkelijke vormgeving die ervoor zorgt dat lezers terug blijven komen – en dat alles zonder extra kosten voor SEO. Bekijk hier hoe progressieve lazy loading eruitziet:
lazy loading implementeren op je WordPress-website? Volg dan deze link: https://www.joomunited.com/wp-speed-of-light
WP Speed of Light werkt op alle hostingdiensten op internet; Cloudways is bijvoorbeeld een perfect voorbeeld van een populaire dienst .
Als je je abonneert op de blog, sturen we je een e-mail zodra er nieuwe updates op de site verschijnen, zodat je ze niet mist.



Opmerkingen