Iframe en HTML5 lui laden, cache voorladen en meer op WordPress

Eerste indrukken zijn belangrijk, en op het web maak je je eerste indruk nog voordat er überhaupt iets laadt op je WordPress-blog. De tijd die het kost voordat je homepage of een andere WordPress-post of -pagina laadt, bepaalt hoe lang een gebruiker op je blog blijft, als ze überhaupt blijven. Nu kunt u met WP Speed of Light de twee snelwerkende updates van Addon uw bloglaadtijden optimaliseren en de SEO verder verbeteren.

De laatste update brengt twee nieuwe soorten functies. Ten eerste heeft WP Speed of Light Addon nieuwe functies om de laadtijden te optimaliseren, met name de mogelijkheid om iframes en HTML5-video's lui te laden. Ten tweede geeft de WordPress-plugin u nog meer flexibiliteit om te beslissen hoe u bestanden in de cache opslaat, en hoe u scripts en stylesheets groepeert en minimaliseert. Laten we erin duiken! 

Iframe en HTML5 video lazy loading op WordPress 

Als laadtijd uw prioriteit is, hoeft u niet ver te zoeken. In de hoofdinstellingen van WP Speed of Lightis een nieuwe schakelaar verschenen om de laadtijd van uw WordPress-blog te versnellen en daarmee uw SEO-score: Iframe- en videolazy-loading.

Lazy loading is een techniek om de laadtijd te versnellen door alleen multimedia - voornamelijk afbeeldingen en video's - te laden wanneer een gebruiker naar beneden scrolt. Als de gebruiker ze nooit bereikt, wordt de afbeelding of video gewoon nooit geladen. Door elementen alleen te laden wanneer en als dat nodig is, verspilt WP Speed of Light geen tijd en wordt de wachttijd voor uw gebruikers verkort voordat ze met uw blog kunnen communiceren. 

De nieuwe functie pakt de ergste overtreders 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 die vreten ook laadtijd.

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

Cache voorladen voor WordPress-berichten en pagina's 

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

Versie 3.1 en 3.2 van WP Speed of Light hebben ondersteuning toegevoegd om webpagina's die zijn vermeld in XML-sitemaps vooraf te laden. Sitemaps begeleiden zoekmachines zoals Google, Bing en Yahoo om de pagina's op uw website te vinden. Normaal gesproken bevatten sitemaps links naar de belangrijkste pagina's op uw blog, of zelfs allemaal. Sitemaps vertegenwoordigen op hun beurt het ideale hulpmiddel om de cache vooraf te laden. 

Om cache-preloading in te schakelen, gaat u naar het geavanceerde tabblad in de instellingen van WP Speed of Light. Zorg ervoor dat u cache-preloading hebt ingeschakeld en voeg vervolgens links toe aan uw sitemaps in het juiste veld. Als u niet zeker bent over de sitemap-links, kunt u een SEO-plugin gebruiken, zoals WP Meta SEO

Vanuit het geavanceerde tabblad kunt u ook specifieke pagina's vooraf laden. Met behulp van het veld Laad de volgende pagina's vooraf kunt u de meest bezochte pagina's vooraf laden, zoals de homepage van uw blog. Iedereen die die pagina's bezoekt, zal genieten van snelle laadtijden, zelfs nadat u uw cache hebt gewist.

Caching ondersteunt nu ook het wissen van de cache voor alleen specifieke URL's, zelfs als u een CDN gebruikt. CDNs leveren de inhoud van uw WordPress-blog vanaf servers over de hele wereld, waarbij webpagina's worden geleverd vanaf locaties die geografisch dicht bij gebruikers liggen. Met de laatste update kunt u specificeren welke CDN-pagina's u wilt cachen.

U kunt uw configuratie instellen vanuit hetCDN-integratie-tabblad in de instellingen van de plugin. Als u uw Cloudflare-account hebt geactiveerd, scrolt u naar beneden naar het gedeelte datleest Bij het opschonen van de cache ook opschonen. Schakel Cloudflare-caching in en vul de velden in, waarbij u eventueel kunt kiezen voor hetverwijderen van individuele bestanden.

 Verbetering van script- en stylesheetgroepering en minificatie

Terwijl uw WordPress-website groeit en verandert, zal uw blog de neiging hebben om langzamer te worden. Uw instinct kan u vertellen om de vertraging te accepteren als onvermijdelijk, maar zelfs de meest complexe websites sneller maken hoeft geen onmogelijke taak te zijn. Groepering en minificatie helpen u de laadtijden te controleren.

Groepering en minificatie zijn twee optimalisatietools die vaak samen voorkomen. De meeste websites gebruiken verschillende stylesheets en scripts, die elk hun eigen verzoek vereisen en daardoor de laadtijd verlengen. Groepering combineert alle stylesheets in één en alle scripts in één, waardoor slechts één verzoek per stuk nodig is. Minificatie verkleint daarentegen de grootte van individuele stylesheets of scripts of van groepen stylesheets en scripts, waardoor de laadtijd verder wordt verkort. 

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

Bijvoorbeeld, als u fouten aan het opsporen bent, wilt u misschien niet een bepaalde stylesheet of script groeperen of minimaliseren, of een bepaalde pagina. Of u kunt constateren dat groepering en minimalisatie uw pagina onjuist weergeven, of dat een pagina niet kan werken totdat een stylesheet of script is geladen. Vanuit het groeperen en minimaliseren tabblad kunt u nu zowel de groepering als de minimalisatie van inline-stijlen uitsluiten als pagina's uitsluiten van de optimalisatie.

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

Optimalisatie is belangrijk, maar elke WordPress-blog heeft verschillende behoeften. Naarmate WP Speed of Light blijft evolueren, zo doet ook het aanbod. Versies 3.1 en 3.2 van de addon bieden beide nieuwe functies om alle blogs te versnellen — iframe en HTML5 video lazy loading— en nieuwe opties om aan te passen hoe cache preloading, groepering en minimalisatie werken.

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

Als uw WordPress-blog een snelheidstoename nodig heeft, hoeft u niet verder te zoeken. Lees hier meer over WP Speed of Light hier.