Iframe en HTML5 lazy loading, cache-preloading en meer op WordPress

Eerste indrukken zijn belangrijk, en op het web maak je je eerste indruk nog voordat er iets op je WordPress-blog is geladen. De tijd die nodig is om je homepage of een andere WordPress-post of -pagina te laden, bepaalt hoe lang een gebruiker op je blog blijft, als ze al blijven. Nu kun je met WP Speed of Light twee razendsnelle updates van de Addon de laadtijden van je blog optimaliseren en je SEO verder verbeteren. 

De nieuwste update brengt twee nieuwe soorten functies. Ten eerste heeft de WP Speed of Light Addon nieuwe functies om laadtijden te optimaliseren, met name de mogelijkheid om iframes en HTML5-video's lazy te laden. Ten tweede biedt de WordPress-plugin je nu nog meer flexibiliteit om te bepalen hoe bestanden worden gecached en hoe scripts en stylesheets worden gegroepeerd en verkleind. Laten we erin duiken! 

Iframe en HTML5-video lazy loading op WordPress 

Als laadtijden uw prioriteit zijn, dan hoeft u niet ver te zoeken. In de hoofdinstellingen van WP Speed of Lightis een nieuwe schakelaar verschenen om de laadtijden van uw WordPress-blog te verbeteren en daarmee uw SEO-score: Iframe & video lazy loading.

Lazy loading is een versnellingstechniek die multimedia—voornamelijk afbeeldingen en video's—alleen laadt wanneer een gebruiker ernaartoe scrolt. Als de gebruiker ze nooit bereikt, wordt de afbeelding of video simpelweg nooit geladen. Door elementen alleen te laden wanneer en indien nodig, verspilt WP Speed of Light geen tijd en verkort het de tijd die uw gebruikers moeten wachten voordat ze met uw blog kunnen interacteren. 

De nieuwe functie pakt de grootste boosdoeners van allemaal aan. Iframes, vaak webpagina's of widgets, nestelen zich in je WordPress-blog—stel je voor dat je meerdere webpagina's tegelijk laadt. Omgekeerd gedragen HTML5-video's zich als gewone video's en ook zij vreten laadtijd.

Gelukkig is het met WP Speed of Light verbeteren van laadtijden een uitzonderlijk eenvoudige procedure. Om lazy loading in te schakelen voor iframes en HTML5-video's, gaat u eenvoudig naar de instellingen van de WordPress-plugin. Zet de schakelaar met het label iframe & video lazy loading aan en profiteer van uw verbeterde laadtijden. 

Cache-preloading voor WordPress-berichten en -pagina's 

De andere overheersende techniek om laadtijden te verbeteren is via caching en preloading. Normaal gesproken genereert WordPress cache wanneer een gebruiker een webpagina voor het eerst bezoekt. Met preloading genereert WP Speed of Light de cache echter wanneer je deze leegt, en minimaliseert zo onmiddellijk de laadtijden.

Versie 3.1 en 3.2 van WP Speed of Light hebben ondersteuning toegevoegd voor het vooraf laden van webpagina's die in XML-sitemaps staan. Sitemaps helpen zoekmachines, zoals Google, Bing en Yahoo, om de pagina's op je website te vinden. Normaal gesproken bevatten sitemaps dan ook links naar de belangrijkste pagina's op je blog, of zelfs allemaal. Sitemaps vormen daarmee het ideale hulpmiddel om de cache vooraf te laden. 

Om cache-preloaden in te schakelen, ga naar het tabblad geavanceerd in de instellingen van WP Speed of Light. Zorg ervoor dat je cache-preloaden hebt ingeschakeld en voeg vervolgens links naar je sitemaps toe in het juiste veld. Als je niet zeker bent over de sitemap-links, kun je een SEO-plugin gebruiken, zoals WP Meta SEO.

Vanaf het tabblad geavanceerd kun je ook specifieke pagina's voorladen. Met het veld De volgende pagina's voorladen kun je de meest bezochte pagina's voorladen, zoals de homepage van je blog. Iedereen die die pagina's bezoekt, profiteert van snelle laadtijden, zelfs nadat je je cache hebt geleegd.

Caching ondersteunt nu ook het wissen van de cache voor alleen specifieke URL's, zelfs als je een CDN gebruikt. CDN's leveren de inhoud van je WordPress-blog vanaf servers over de hele wereld en leveren webpagina's vanaf locaties die geografisch dicht bij gebruikers liggen. Met de nieuwste update kun je aangeven welke CDN-pagina's je wilt cachen.

Je kunt je configuratie instellen op het tabblad CDN-integratie in de instellingen van de plugin. Als je je Cloudflare-account hebt geactiveerd, scrol dan naar het gedeelte met de tekst Bij cacheopschoning ook opschonen. Schakel Cloudflare-caching in en vul de velden in, waarbij je optioneel kunt kiezen om afzonderlijke bestanden te verwijderen.

 Verbetering van het groeperen en minificeren van scripts en stylesheets

Naarmate je WordPress-website groeit en verandert, zal je blog de neiging hebben om langzamer te worden. Je instinct zou je kunnen influisteren dat je de vertraging als onvermijdelijk moet accepteren, maar zelfs de meest complexe websites versnellen hoeft geen onmogelijke opgave te zijn. Groeperen en minificatie helpen je om de laadtijden onder controle te houden.

Groeperen en minificatie zijn twee optimalisatietools die vaak samen voorkomen. De meeste websites gebruiken meerdere stylesheets en scripts, die elk een eigen verzoek met zich meebrengen en dus extra laadtijd toevoegen. Groeperen voegt alle stylesheets samen tot één en alle scripts tot één, waardoor er slechts één verzoek per stuk nodig is. Minificatie daarentegen verkleint de omvang van afzonderlijke stylesheets of scripts of van groepen stylesheets en scripts, waardoor de laadtijd verder afneemt. 

WP Speed of Light groeperings- en minificatie-instellingen bevinden zich in het toepasselijk genaamde tabblad groeperen en minificeren in de instellingen. Nu, in de nieuwste versie van de plugin, kunt u aanpassen hoe groepering en minificatie zich gedragen op uw blog.

Als u bijvoorbeeld aan het debuggen bent, wilt u misschien een bepaalde stylesheet of script, of een bepaalde pagina, niet groeperen of minificeren. Of u merkt dat groepering en minificatie uw pagina onjuist weergeeft, of dat een pagina niet werkt totdat een stylesheet of script is geladen. Op het tabblad groeperen en minificeren kunt u nu zowel de groepering en minificatie van inline-stijlen uitsluiten als pagina's van de optimalisatie uitsluiten.

Een andere optimalisatieoptie is het uitstellen van het laden van stylesheets en scripts. Met andere woorden, met WP Speed of Lightkun je eerst de inhoud laden en vervolgens, aan het einde, de stylesheets en scripts laden. Het doel: de gebruiker kan eerder met de pagina interacteren, zij het op beperkte manieren. Als je nu het uitstellen van JavaScript-code inschakelt, zal de plugin ook inline scripts uitstellen.

Optimalisatie is belangrijk, maar elke WordPress-blog heeft andere behoeften. Terwijl WP Speed of Light zich blijft ontwikkelen, geldt dat ook voor het aanbod. Versies 3.1 en 3.2 van de add-on bieden zowel nieuwe functies om alle blogs te versnellen—lazy loading van iframes en HTML5-video's—als nieuwe opties om aan te passen hoe cache-preloading, en groepering en minificatie werken.

Een van de beste functies die WP Speed of Light zou kunnen hebben, is dat het compatibel is met alle Hostings, bijvoorbeeld met Cloudways , een krachtige hostingprovider :)

Als je WordPress-blog een snelheidsboost nodig heeft, hoef je niet verder te zoeken. Lees meer over WP Speed of Light hier.