Website cache legen met LiteSpeed cache

Het legen van de cache met LiteSpeed Cache is een vrij eenvoudig proces. Hier zijn de stappen die je moet volgen:

  1. Log in op je WordPress-dashboard: Je kunt dit doen door je website-URL in te voeren gevolgd door /wp-admin (bijv. www.jouwwebsite.com/wp-admin) en in te loggen met je gebruikersnaam en wachtwoord.
  2. Navigeer naar LiteSpeed cache: Zodra je bent ingelogd op je dashboard, zoek je naar “LiteSpeed Cache” in het zijmenu en klik je erop.
  3. Ga naar het dashboard van LiteSpeed cache: In het LiteSpeed Cache menu, klik op “Dashboard”. Hier vind je een overzicht van de cache-status van je website.
  4. Leeg de cache: Op het dashboard van LiteSpeed Cache zie je een optie genaamd “Purge All”. Klik hierop om de gehele cache van je website te legen.

En dat is het! Je hebt nu met succes de cache van je WordPress website geleegd met LiteSpeed Cache. Zie je nog steeds geen verandering op je website en je weet zeker dat je alles goed opgeslagen hebt? Lees dan hier verder over het legen van je browser cache.

Browser cache wissen in Google Chrome?

Je hebt een aanpassing gedaan op je website maar zie de aanpassing niet op de website terugkomen. Hoe komt dit?

Je browser onthoudt hoe een website eruit ziet, nadat je op een website geweest bent. Dit is een handige functie, want als je de volgende keer naar dezelfde website gaat, zal de website sneller laden, omdat je browser deze onthouden heeft. Maar als je nu dus een aanpassing doet op je website dan onthoudt je browser nog de oude website. Oftewel je ziet de aanpassing niet.

Dit lost je op door de browser cache te legen. Om de browsercache in Google Chrome te legen, volg je deze stappen:

Cache in chrome legen

1. Open Google Chrome en klik op de drie verticale puntjes in de rechterbovenhoek van het scherm.
2. Ga naar “Instellingen” of typ `chrome://settings/` in de adresbalk en druk op Enter.
3. Scroll naar beneden en klik op “Privacy en beveiliging”.
4. Klik op “Browsegegevens wissen” of typ `chrome://settings/clearBrowserData` in de adresbalk en druk op Enter.
5. In het pop-upvenster dat verschijnt, zorg je dat in ieder geval “Gecachte afbeeldingen en bestanden” is aangevinkt.
6. Je kunt de tijdsperiode kiezen via het dropdown-menu bij “Tijdsperiode”. Als je alles wilt wissen, kies je “Altijd”.
7. Klik op de knop “Gegevens wissen”.

Hiermee wordt de cache van je browser leeggemaakt. Dit kan nuttig zijn voor het oplossen van problemen met website-laden of het vernieuwen van gewijzigde webinhoud.

Lokale cache wissen in Google Chrome

Soms werkt het normaal legen van cache niet in Google Chrome. Dan moet je met de console van Google Chrome handmatig het opslaan van cache uitzetten. Dit doe je zo:

  1. Druk op f12 om je console te openen
  2. Ga naar het tabje ‘Netwerk’ (‘Network’ in het Engels)
  3. Klik op het vakje voor cache uitschakelen (‘disable cache’ in het Engels)
  4. Herlaad de pagina door op ctrl + r te drukken

Nu staat het opslaan van cache uit totdat je de console weer sluit.

Google Chrome extensie gebruiken?

  1. Ga naar google.nl
  2. Type in: cache cleaner google chrome
  3. Klik op de eerste link
  4. Klik rechts bovenin op  de blauwe knop ‘installeer in chrome’
  5. Vervolgens wordt de extensie geïnstalleerd
  6. Vervolgens krijg je rechtsboven in je browser een bezem icon te zien
  7. Als je de volgende keer een aanpassing niet ziet dan klik je op dit icon.
  8. Ververs vervolgens de website waarop je geen aanpassing zag

Cache cleaner

Je wilt je voorraad van bijvoorbeeld het afgelopen jaar exporteren. Er zijn verschillende plugins die deze mogelijkheid hebben maar ze zijn allemaal erg beperkt. Vandaar dat wij de betaalde plugin gebruiken genaamd: WP all export pro.

Voorraad exporteren in Woocommerce met WP All Export Pro

Hoe exporteer je de voorraad? Volg de onderstaande stappen.

Plugin WP All Export Pro installeren

  1. WP All ExportBestel de plugin op https://www.wpallimport.com/
  2. Download de plugin
  3. Upload de WordPress plugin naar je website
  4. Ga in het WordPress menu naar All Export
  5. Activeer de plugin met de code in je account van All Export

Nieuwe export maken

  1. Klik op new import
  2. Kies een type dat je wilt exporteren -> in ons geval Woocommerce producten
  3. Klik op ‘Specific post type’
  4. Klik op customize export file
  5. Nu kom je op een pagina waar je de export file kunt inrichten.
  6. Kies de velden die je wilt in je export file. Sleep deze van rechts naar het veld.
  7. Standaard velden die er al staan kun je verwijderen als je deze niet in je export file wilt

Voorraad exporteren

  1. Het is nu belangrijk dat dat je het veld ‘stock’ erin sleept. Dit is de voorraad die je wilt exporteren.
  2. Onderaan zie je nog de optie om deze instellingen op te slaan zodat je dit niet elke keer hoeft te doen
  3. Klik op continue
  4. Het laatste scherm is waar je extra opties hebt
  5. Deze laat je leeg tenzij je dit anders wilt
  6. Kies een bestandsnaam
  7. Klik op ‘Confirm en run export’
  8. Je bestand word gemaakt. Dit kan even duren.
  9. Het export bestand is een CSV, als je deze opent in Google spreadsheets zal de weergave weer leesbaar worden

Alternatief WP All Export Pro

Een gratis plugin om je producten te exporteren vind je op ons YouTube kanaal:

Om de snelheid van een WordPress website te meten, kun je diverse tools en methoden gebruiken die inzicht bieden in de laadtijden en prestaties.

WordPress snelheid meten?

Een populaire tool hiervoor is Google PageSpeed Insights, die een gedetailleerde analyse biedt van de prestaties van je website op zowel mobiele apparaten als desktops. Deze tool geeft scores op basis van verschillende metrics zoals Content Layout Shift (CLS) en Largest Contentful Paint (LCP), en biedt suggesties voor verbeteringen.

Een andere handige tool is GTmetrix, die een uitgebreide blik werpt op de laadsnelheid en optimalisatiemogelijkheden. Het biedt gedetailleerde rapporten over verschillende aspecten zoals minificatie van JavaScript en CSS, afbeeldingsoptimalisatie en serverrespons tijden.

Ook het gebruik van Pingdom Tools voor snelheidstesten is een goede keuze, omdat het niet alleen de laadtijd analyseert, maar ook inzicht geeft in de grootte van de pagina en de aanvragen die worden gedaan.

Snelheidsmeting tools

GTMetrix.com

GTMetrix is een populaire tool die een uitgebreide analyse biedt van je websiteprestaties. Het gebruikt verschillende metrieken zoals First Contentful Paint, Largest Contentful Paint en Total Blocking Time.

Het mooie aan GTMetrix is dat het niet alleen de problemen identificeert, maar ook gedetailleerde aanbevelingen geeft om ze op te lossen.

Naar GTMetrix.com

Web.dev

Web.dev is een initiatief van Google en biedt een reeks hulpmiddelen en leermaterialen om de kwaliteit van webpagina’s te verbeteren. Het heeft een ingebouwde prestatietest die is gebaseerd op Lighthouse en informatie geeft over verschillende Core Web Vitals zoals LCP, FID en CLS.

Naar Web.dev

Google PageSpeed Insights

Google PageSpeed Insights is een andere essentiële tool die zowel labgegevens als veldgegevens biedt om de prestaties van een website te analyseren. Het is gebruiksvriendelijk; voer gewoon de URL in en je krijgt een gedetailleerd rapport met scores en aanbevelingen.

Naar Google Pagespeed Insights

Webpagetest.org

Webpagetest.org is een meer geavanceerde tool die aangepaste testconfiguraties toestaat. Je kunt verschillende browsers kiezen, de locatie van de testserver instellen en zelfs meerdere testruns uitvoeren voor een gemiddelde score. Het geeft een watervalgrafiek die elke netwerkaanvraag visueel weergeeft, waardoor je gemakkelijk knelpunten kunt identificeren.

Naar Webpagetest.org

Het meten van de snelheid en prestaties van een website is essentieel voor een betere gebruikerservaring en SEO.

Tools zoals GTMetrix.com, Web.dev, Google PageSpeed Insights en Webpagetest.org bieden uitgebreide analyses en aanbevelingen om je website te optimaliseren. Het is aan te raden om meerdere tools te gebruiken voor een grondige analyse.

Al deze tools geven je waardevolle informatie over hoe je de snelheid van je WordPress website kunt verbeteren. Met deze data kun je starten met het optimaliseren van je website of webshop.

Een snelle WordPress website is erg belangrijk voor de posities in Google. Ook is de gebruiksvriendelijkheid van de website dan een stuk beter. Mensen zijn sneller geneigd om iets te gaan kopen.

Wat is W3 Total Cache?

Als eerste wil je misschien weten hoe snel je website is. Hier zijn verschillende websites voor. Een website die wij veel gebruiken is GTMetrix. Hier zie je de website score van je website. Ook geeft deze website score aan wat er beter kan om de website sneller te laden.

W3 total cache

WordPress website traag?

De WordPress hosting is vaak de grootste oorzaak. Deze kan erg langzaam zijn. Ook zie je vaak bij websites die veel WordPress plugins geïnstalleerd hebben dat die vaak traag zijn.

W3 Total Cache is een plugin die je website sneller kan maken doordat er niet telkens weer informatie uit de database gehaald hoeft te worden. Deze plugin zorgt ervoor dat er minder requests nodig zijn op je website en daardoor minder laadtijd van je pagina’s. Het onthoud het vorige bezoek van de bezoeker en haalt zo de site op.

Bekijk de site voor verdere informatie over W3 Total Cache

W3 Total Cache

Wat is een WordPress plugin?

Een plugin is een softwarecomponent die je kunt toevoegen aan een bestaand computerprogramma om een specifieke functie of een reeks functies uit te breiden of toe te voegen. In de context van websites, met name WordPress, zijn plugins essentieel voor het aanpassen en uitbreiden van de mogelijkheden van je website.

Hoe installeer je een WordPress plugin?

Plugins kunnen eenvoudig worden geïnstalleerd vanuit het dashboard van je WordPress website. Aan de linkerkant van het dashboard vind je het kopje ‘Plugins’. Door hierop te klikken, krijg je toegang tot de plugin-repository van WordPress, waar je duizenden gratis en betaalde plugins kunt vinden. Na het kiezen van de gewenste plugin, kun je deze met een paar klikken installeren en activeren.

Voordelen van het gebruiken van plugins

  1. Functionaliteit uitbreiden: Plugins stellen je in staat om functies toe te voegen die niet standaard aanwezig zijn in WordPress. Dit kan variëren van eenvoudige designwijzigingen tot complexe e-commerce oplossingen.
  2. Aanpassing: Met plugins kun je de website aanpassen aan je specifieke behoeften en wensen, zonder dat je diep in de code hoeft te duiken.
  3. Efficiëntie: Veel WooCommerce plugins zijn ontworpen om processen te automatiseren en je tijd te besparen. Denk aan SEO-plugins die je helpen bij het optimaliseren van je content, of beveiligingsplugins die je site beschermen tegen hackers.
  4. Gebruiksgemak: De meeste WordPress plugins zijn gebruiksvriendelijk en vereisen geen technische kennis om te worden geïnstalleerd en geconfigureerd.

Tips voor Wordpress plugins

  1. Compatibiliteit: Zorg ervoor dat de plugin compatibel is met je versie van WordPress. Incompatibele plugins kunnen problemen veroorzaken op je website.
  2. Kwaliteit en ondersteuning: Kies voor plugins met goede beoordelingen, een actieve ontwikkelaar en regelmatige updates. Dit vermindert de kans op problemen en garandeert dat je hulp kunt krijgen indien nodig.
  3. Beveiliging: Slecht geprogrammeerde of verouderde plugins kunnen beveiligingsrisico’s vormen. Het is belangrijk om alleen plugins te gebruiken van betrouwbare bronnen en ze regelmatig te updaten.
  4. Prestatie: Te veel plugins of zware plugins kunnen de snelheid en prestaties van je website beïnvloeden. Kies zorgvuldig en test de impact van plugins op je site.

Plugins zijn krachtige hulpmiddelen voor iedereen die een WordPress website onderhoud. Plugins bieden een eenvoudige manier om de functionaliteit te vergroten en de gebruikerservaring te verbeteren. Met de juiste keuze en beheer kunnen plugins een enorme meerwaarde bieden voor je website.

Wat is lazy loading?

Ken je de term Lazy Loading? Het is een term die in principe weinig tot de verbeelding spreekt. Langzaam laden. Wil je nog meer uitleg? Diverse website testen zoals bijvoorbeeld GTMetrix.com (meer uitleg over GTMetrix) en de snelheidstest van Google Lighthouse geven aan dat afbeeldingen niet gelazyload geladen worden.

Lazy Loading in WordPress

Lazy Loading in WordPress zorgt ervoor dat eigenlijk simpelweg alleen de afbeeldingen getoond worden die in de viewport zijn. Voorbeeld: je komt op de homepage van een WordPress webshop en ziet daar vijf afbeeldingen staan voor verschillende categorieën.

Onder de vouw, als je gaat scrollen staan nog meer afbeeldingen. Zonder lazy loading zullen deze direct bij het openen van de pagina geladen worden ondanks dat je de bezoeker ze eigenlijk nog helemaal niet nodig heeft op dit moment. Hetzelfde geldt voor afbeelding in een slider die nog niet in beeld zijn.

Deze aanpassing kan er dus voor zorgen dat jouw homepage die ongeveer 1mb is in totaal na ingebruikname van lazy loading maar 300kb is wat direct ingeladen word. Dit is dus een enorme winst.

Waarom Lazy Loading gebruiken in WordPress?

Lazy Loading zorgt ervoor dat afbeeldingen echt pas geladen worden als ze daadwerkelijk op een beeldscherm vertoond moeten worden. Wat is dan het voordeel van Lazy Loading in WordPress? Het grootste voordeel is dat je website sneller geladen zal worden. En een seconde minder laadtijd kan ervoor zorgen dat er meer bezoekers van jouw website veranderen in klanten.

Waarom sneller geladen? Omdat er minder requests zijn van de server naar de browser van je bezoekers. Wat? Ieder element van je website moet geladen worden en doet een oproep aan de server: stuur mij dit of dat. Als je lazy loading activeert zal dit request pas gedaan worden op het moment dat de afbeelding ook echt getoond moet worden.

Hoe activeer je Lazy Loading?

Voor WordPress zijn er veel WordPress thema’s waar je lazy loading kunt activeren binnen de thema instellingen. Mocht je thema dit niet ondersteunen dan zou je gebruik kunnen maken van een hele eenvoudige plugin zonder verdere instellingen met de verrassende naam Lazy Load.

Naast het thema of een plugin heb je ook cache plugins die lazy loading aanbieden. Je kunt hiervoor bijvoorbeeld WPRocket, LiteSpeed cache of Swift Performance gebruiken.

WordPress standaard Lazy Loading

Sinds WordPress versie 5.5, uitgebracht in augustus 2020, ondersteunt WordPress standaard lazy loading voor afbeeldingen. Dit betekent dat afbeeldingen op je WordPress website standaard lazy loading gebruiken, wat de laadtijd van pagina’s kan verbeteren door afbeeldingen pas te laden wanneer ze binnen het zichtbare gedeelte van de browser komen.

Lazy loading is een techniek waarbij afbeeldingen pas worden geladen wanneer ze nodig zijn, bijvoorbeeld wanneer ze binnen het zichtbare gedeelte van een webpagina komen tijdens het scrollen.

Dit helpt om de initiële laadtijd van een pagina te verkorten, omdat afbeeldingen die niet direct zichtbaar zijn, niet onmiddellijk worden geladen.

Lazy Loading noodzakelijk?

Net als iedere aanpassing aan je website moet je rekening houden met heel veel factoren. Wat bij jouw concurrent perfect werkt en een supersnelle website oplevert kan bij jou juist een vertraging opleveren. Ook lazy loading kan je website uiteindelijk vertragen. Afbeeldingen die boven de vouw geladen worden mogen volgens de regels van Google niet gelazyload worden. De meeste plugins zijn ondertussen hierop aangepast zodat ze dit uit zichzelf al volgens deze standaard verwerken.

Daarnaast vinden sommige bezoekers het vervelend als de foto’s met een hele kleine vertraging geladen worden of als je ze op ziet bouwen van wazig naar scherp. Neem dus zeker mee of je de user experience op jouw website niet beïnvloed door lazy loading in te zetten.

Kun je zonder? In sommige gevallen ben je zelfs beter af zonder. Maar veel websites hebben een behoorlijke performance boost als het goed ingezet wordt.

Mocht je nog meer willen weten lees dan zeker deze informatie over lazy loading van Google Dev.

Een PHP Fatal Error kan je website of applicatie volledig stopzetten en wordt meestal veroorzaakt door zaken als syntaxfouten, het aanroepen van niet-bestaande functies, of het gebruik van een object dat niet is geïnitialiseerd. In dit artikel vind je enkele stappen die je kunt neme om een PHP Fatal Error in WordPress op te lossen.

Als je website niet meer werkt is het van belang om te controleren wat er in de errorlog op je server staat. Regelmatig zul je bij een WordPress website hier PHP fatal errors vinden.

PHP fatal error

Hoe los je deze problemen op? Schakel als eerste WP Debug in. Als de fout optrad na recente wijzigingen (zoals een nieuwe plugin, thema-updates of aanpassingen in de code), probeer dan die wijzigingen ongedaan te maken of terug te draaien naar een vorige staat waarin je weet dat alles werkte. Zet eventueel een backup terug.

Je kunt als ook alle plugins direct uitschakelen door de WordPress plugin folder te hernoemen naar bijvoorbeeld old-plugins. Dan weet je direct of het een probleem is van een plugin. Anders kun je je WordPress thema uitschakelen en testen of het probleem dan opgelost is. Bij WordPress kan het deactiveren van plugins of het wisselen naar een standaardthema helpen bepalen of het probleem wordt veroorzaakt door een thema of plugin conflict.

Errorlog in DirectAdmin hosting

  1. Log in op de webserver van je WordPress website (Voor dit voorbeeld gebruiken we DirectAdmin)
  2. Onder het kopje ‘Your account’ klik je op het linkje Site Summary / Statistics / Logs
  3. Klik op de link 10 lines (zie afbeelding)
  4. Hier krijg je een overzicht met alle errors van je website. Als je niks ziet dan zijn er geen errors op je website
  5. Als je hier ergens ‘PHP fatal ‘ error ziet dan kan je herleiden waar het probleem zit
  6. Als je erachter komt dat de fout in een plugin zit dan kan je hier lezen hoe je een plugin uitschakelt via de filemanager/ftp

Direct admin error log

Updraft backup plugin WordPress

Het is essentieel om regelmatig back-ups te maken van je WordPress website. Of het nu gaat om technische storingen, cyberaanvallen of simpelweg menselijke fouten, gegevensverlies is een reële dreiging. Een van de meest populaire en betrouwbare oplossingen voor deze uitdaging is de WordPress back-up plug-in met de naam UpdraftPlus.

UpdraftPlus: WordPress Backup & Migration Plugin

Wat is UpdraftPlus?

UpdraftPlus is een van de best gewaardeerde en meest gedownloade back-up plug-ins voor WordPress. Het biedt een uitgebreide set functies die zowel beginnende als gevorderde WordPress-gebruikers in staat stelt om eenvoudig en efficiënt back-ups te maken en te herstellen.

Belangrijkste functies van UpdraftPlus

  1. Geautomatiseerde back-ups: UpdraftPlus biedt de mogelijkheid om back-ups te plannen op een tijdstip dat jou het beste uitkomt. Of je nu dagelijks, wekelijks of maandelijks back-ups wilt maken, UpdraftPlus kan het allemaal.
  2. Handmatige back-ups: Naast geautomatiseerde back-ups, kan UpdraftPlus ook handmatige back-ups uitvoeren. Dit is vooral handig als je grote wijzigingen aan je website gaat aanbrengen en je een back-up wilt maken voordat je begint.
  3. Opslag op externe locaties: UpdraftPlus ondersteunt een breed scala aan externe opslagopties, waaronder Google Drive, Dropbox, Amazon S3, en meer. Dit betekent dat zelfs als je webserver problemen ondervindt, je altijd toegang hebt tot je back-ups.
  4. Snel herstel: In het geval dat je je website moet herstellen, maakt UpdraftPlus het proces eenvoudig. Met een paar klikken kun je je website terugzetten naar de laatste back-up.
  5. Incrementele back-ups: Een functie die vooral handig is voor websites met veel data. In plaats van telkens een volledige back-up te maken, maakt de incrementele back-up alleen een back-up van de wijzigingen sinds de laatste volledige back-up. Dit bespaart opslagruimte en vermindert de belasting op je server.

UpdraftPlus Premium

Naast de gratis versie biedt UpdraftPlus ook een Premium versie met extra functies en voordelen. Deze bevat o.a. meerdere back-upbestemmingen, migratie- en kloontools, geavanceerde rapportage, en meer ondersteuning.

Een belangrijk aspect van UpdraftPlus is de gebruiksvriendelijkheid. Hoewel het een scala aan geavanceerde functies biedt, is het eenvoudig te installeren en te configureren, zelfs voor beginners. Het beschikt over een intuïtieve interface, waarbij elke functie duidelijk is gelabeld en beschreven, waardoor gebruikers het gemakkelijk kunnen navigeren en de plug-in naar wens kunnen aanpassen.

De mogelijkheid om je back-ups op te slaan op verschillende externe opslaglocaties is een functie die extra veiligheid biedt. In het geval van een storing van je webhosting, kun je erop vertrouwen dat je back-ups veilig zijn opgeslagen op een externe locatie. Bovendien kun je met UpdraftPlus je back-ups versleutelen voor extra beveiliging.

Backup herstellen met UpdraftPlus

Als het gaat om het herstellen van je website, maakt UpdraftPlus het proces pijnloos. Het biedt een one-click herstelfunctie, waardoor je in geval van een calamiteit snel je website kunt herstellen naar de meest recente back-up.

Voor grotere websites biedt de incrementele back-upfunctie een efficiënte oplossing. In plaats van telkens een volledige back-up te maken, maakt deze functie alleen back-ups van de wijzigingen die zijn aangebracht sinds de laatste back-up. Dit bespaart niet alleen opslagruimte, maar vermindert ook de belasting op je server.