Je wilt dat je WordPress-website snel en zonder fouten laadt. Soms gebeurt het dat een onderdeel niet wordt ingeladen en je in de browser de melding failed to load resource ziet. Dat betekent dat een bestand zoals een afbeelding, CSS of JavaScript niet gevonden of geblokkeerd is. In deze gids leggen we in eenvoudige stappen uit wat er gebeurt en hoe je het oplost.
Wat is deze fout en hoe herken je het?
Een pagina bestaat uit losse bestanden. Als één bestand niet laadbaar is, toont de browser in de Console een fout. Je ziet bijvoorbeeld:
- Failed to load resource: net::ERR_CONNECTION_REFUSED
- Failed to load resource: the server responded with a status of 404 (Not Found)
- Failed to load resource: the server responded with a status of 500 (Internal Server Error)
- Failed to load resource: net::ERR_NAME_NOT_RESOLVED
Foutmelding bekijken in je browser
- Open de pagina in Chrome of Firefox.
- Rechtermuisknop, kies Inspecteren of Inspect Element.
- Ga naar het tabblad Console.
- Noteer welk bestand faalt en welke melding erbij staat.
Oorzaken en oplossingen, stap voor stap
1. Pagina volledig vernieuwen en browsercache legen
Google Chrome en Microsoft Edge
- Open de pagina van je website.
- Druk op Ctrl + F5 (Windows) of Cmd + Shift + R (Mac) om de pagina volledig opnieuw te laden.
- Klik rechtsboven op de drie puntjes en ga naar Instellingen.
- Ga naar Privacy en beveiliging.
- Klik op Browsegegevens wissen.
- Vink Afbeeldingen en bestanden in cache aan.
- Klik op Gegevens wissen en laad de pagina opnieuw.
Cache van je WordPress-website legen
LiteSpeed Cache
- In de bovenste balk van het WordPress-dashboard klik je op LiteSpeed.
- Kies Purge All.
Of: ga naar LiteSpeed Cache > Toolbox en klik op Purge All.
WP Rocket
- Klik in de bovenste balk op WP Rocket.
- Kies Clear cache.
Of: ga naar WP Rocket > Dashboard en klik op Clear cache.
Servercache via je hosting legen
cPanel met LiteSpeed
- Log in op cPanel.
- Zoek en open LiteSpeed Web Cache Manager.
- Klik op Flush All om alle cache te legen.
cPanel zonder LiteSpeed (bijvoorbeeld Varnish Cache)
- Zoek in cPanel naar Cache Manager of Varnish.
- Selecteer je domein.
- Klik op Purge cache of Clear cache.
DirectAdmin met LiteSpeed
- Log in op DirectAdmin.
- Ga naar Extra Features > LiteSpeed Web Cache Manager.
- Klik op Flush All.
Plesk
- Log in op Plesk.
- Ga naar Websites & Domains en selecteer je domein.
- Klik op Clear cache of Purge cache.
Controleer je website opnieuw
- Laad de pagina volledig opnieuw (Ctrl + F5 of Cmd + Shift + R).
- Kijk in de browserconsole of de foutmelding verdwenen is.
2. Beveiligingsplugins of firewall blokkeren bestanden
Soms blokkeert een security plugin bestanden zoals .js, .css of uploads.
- Ga naar Plugins > Geïnstalleerde plugins.
- Deactiveer tijdelijk Wordfence, iThemes Security of vergelijkbare veiligheidstools.
- Vernieuw de site. Is de fout weg, pas dan in die plugin de regels aan of voeg je eigen domein en paden toe aan de allowlist.
Gebruik je Cloudflare of een andere WAF, zet Under Attack Mode uit en test, of maak een uitzondering voor je domein en statische paden zoals /wp-includes en /wp-content.
Domein en paden toevoegen aan de allowlist in een beveiligingsplugin
Voorbeeld met Wordfence
- Ga in je WordPress-dashboard naar Wordfence > Firewall.
- Klik bovenaan op Manage Firewall of Firewall beheren.
- Zoek naar de instellingen voor Allowlisted URLs of Whitelist.
- Klik op Add URL of URL toevoegen.
- Vul je volledige domein in, bijvoorbeeld:
https://jouwdomein.nl - Klik op Save of Opslaan.
Voorbeeld met iThemes Security
- Ga naar Beveiliging > Instellingen in je WordPress-dashboard.
- Zoek naar het onderdeel Bans of Banlijst/Whitelist.
- Klik op Whitelist of Toegestane adressen.
- Vul je domein of specifieke bestands-URL’s in die geblokkeerd werden.
- Sla de wijzigingen op.
3. Plugins-conflict opsporen
- Deactiveer alle plugins tegelijk.
- Controleer de site.
- Activeer plugins één voor één en test steeds.
- Verschijnt de fout na het activeren van een specifieke plugin, dan is dat de oorzaak. Vervang, update of meld het bij de maker.
4. Thema of child theme
- Schakel tijdelijk over naar een standaardthema, bijvoorbeeld Twenty Twenty-Five.
- Laadt de pagina nu wel goed, dan zit het probleem in je actieve thema of child theme, bijvoorbeeld een verkeerd pad naar een script of afbeelding.
5. Alles updaten
- Ga naar Dashboard > Updates.
- Update WordPress, je thema en alle plugins.
- Test opnieuw.
6. SSL, HTTPS en Mixed Content volledig oplossen
Dit is een veelvoorkomende reden voor failed to load resource. Na het installeren van een SSL-certificaat moeten alle URL’s op https staan.
Stap A, controleer site-URL’s
- Ga naar Instellingen > Algemeen.
- Zorg dat WordPress-adres (URL) en Site-adres (URL) beginnen met https://.
- Sla op en log opnieuw in als dat wordt gevraagd.
Stap B, vervang alle oude http-links in de database
Soms staan er nog vaste links in je website die beginnen met http:// in plaats van https://. Deze vaste links zorgen voor Mixed Content-problemen en blokkades.
Zo los je dit op:
- Installeer in WordPress een zoek-en-vervang plugin, bijvoorbeeld Better Search Replace.
- Open de plugin in je dashboard.
- Zoek naar:
http://jouwdomein.nl - Vervang dit door:
https://jouwdomein.nl - Vink eerst de optie Proefrun aan, zodat er niets wordt gewijzigd maar je wel ziet hoeveel resultaten gevonden worden.
- Als alles klopt, voer de zoek-en-vervang actie echt uit.
- Leeg daarna alle caches (browsercache, WordPress-cache en servercache).
Stap C, Elementor of pagebuilder opschonen
- Ga in je WordPress-dashboard naar Elementor > Gereedschap (Tools).
- Klik op CSS opnieuw genereren. Dit zorgt ervoor dat Elementor alle opmaakbestanden opnieuw maakt.
- Klik daarna op Cache leegmaken om tijdelijke bestanden te verwijderen.
URL’s vervangen in Elementor (Replace URL)
Soms staan er nog oude links in Elementor die beginnen met http:// in plaats van https://. Dit kan problemen geven met het laden van afbeeldingen, scripts of stijlen.
Zo pas je dat aan:
- Ga in je WordPress-dashboard naar Elementor > Gereedschap (Tools).
- Kies het tabblad Vervang URL (Replace URL).
- Vul bij Zoek naar je oude adres in, bijvoorbeeld:
http://jouwdomein.nl - Vul bij Vervangen door je nieuwe adres in met https:
https://jouwdomein.nl - Klik op Vervang URL’s (Replace URL) om de wijziging door te voeren.
Na deze stap zijn alle interne Elementor-links bijgewerkt naar https en voorkom je mixed content-problemen.
Stap D, forceer https voor alle bezoekers
- Als je niet zeker bent van je serverregels, installeer Really Simple SSL en activeer.
- Of stel een permanente redirect in van http naar https via je hostingpaneel.
- Leeg cache en test.
7. CDN en CORS-instellingen
Gebruik je een CDN zoals Cloudflare, BunnyCDN of StackPath, dan kunnen verkeerde instellingen of verouderde bestanden fouten geven.
Cloudflare – zo los je dit op:
- Purge CDN-cache
- Log in op je Cloudflare-account.
- Kies je domein.
- Ga naar Caching > Configuration.
- Klik op Purge Cache > Purge Everything.
- Zet eventueel Development Mode aan om tijdelijk caching helemaal uit te schakelen tijdens het testen.
- Controleer HTTPS-instellingen
- Ga naar SSL/TLS > Overview.
- Zet de SSL-modus op Full (strict) (aan te raden als je hosting ook een geldig certificaat heeft).
- Ga naar SSL/TLS > Edge Certificates en zorg dat Universal SSL actief is.
- Zet Always Use HTTPS en Automatic HTTPS Rewrites aan.
- CORS-headers instellen (voor als fonts of scripts geblokkeerd worden)
- Ga naar Rules > Transform Rules > Modify Response Header.
- Klik op Create Rule.
- Voorwaarde: Hostname equals
cdn.jouwdomein.nl. - Actie: Set static header:
- Header name:
Access-Control-Allow-Origin - Value:
https://jouwdomein.nl
- Header name:
- Sla de regel op.
- Testen met Cloudflare tijdelijk uitgeschakeld
- Ga naar DNS in Cloudflare.
- Zet het oranje wolkje naast je domein tijdelijk op grijs (proxy uit).
- Laad de site opnieuw en controleer of de foutmelding weg is.
- Zet daarna het oranje wolkje weer terug naar oranje.
8. Hotlink Protection blokkeert je eigen bestanden
In cPanel of DirectAdmin kan Hotlink Protection aan staan. Als je domein niet op de whitelist staat, worden afbeeldingen of media geblokkeerd.
- Ga in cPanel > Security > Hotlink Protection of in DirectAdmin > Advanced Features naar de hotlink-instellingen.
- Voeg je domein en eventuele subdomeinen toe aan de toegestane lijst.
- Sla op en test.
9. Permalinks en .htaccess herstellen
Een kapotte .htaccess of rewrite-regels kunnen 404’s geven op CSS en JS.
- Ga in WordPress naar Instellingen > Permalinks en klik op Wijzigingen opslaan(Je hoeft hier niets te veranderen) om de regels te verversen.
- Werkt het nog niet, hernoem .htaccess via de bestandsbeheerder naar .htaccess_old en sla permalinks opnieuw op zodat WordPress een schone .htaccess schrijft.
10. Bestandsrechten en bestandsnamen
Verkeerde rechten of een typefout in de bestandsnaam geven 403 of 404.
- Voor mappen is 755 normaal, voor bestanden 644.
- Controleer in Bestandsbeheer van je hosting of via FTP of de paden en bestandsnamen exact kloppen. Let op hoofdletters en spaties.
- Zet rechten juist en test opnieuw.
Weet je niet precies wat bestands- en mappermissies in WordPress zijn of hoe je ze aanpast?
Lees dan ons uitgebreide artikel:
Bestands- en mappermissies in WordPress
11. DNS of domeinproblemen, net::ERR_NAME_NOT_RESOLVED
- Controleer in je hosting of DNS-beheer of het A-record van je domein naar het juiste IP wijst.
- Gebruik je www én non-www, zorg voor een goede redirect naar één variant.
- Wacht bij DNS-wijzigingen tot 24 uur voor volledige propagatie.
12. Serverfout 500 of timeouts
Een 500-fout of een timeout kan ervoor zorgen dat bepaalde bestanden in WordPress niet geladen worden, waardoor je de melding Failed to Load Resource ziet. Dit gebeurt vaak door serverproblemen, te weinig geheugen of fouten in PHP-bestanden.
Error Logs controleren
Log in op je hostingpaneel (cPanel of DirectAdmin).
Zoek in de zoekbalk of het menu naar Error Logs of Errors.
Klik erop en bekijk de meest recente foutmeldingen.
Let vooral op paden of bestandsnamen die iets met je WordPress-site te maken hebben. Zo ontdek je snel of een plugin, thema of serverinstelling de fout veroorzaakt.
PHP-geheugen verhogen
Een veelvoorkomende oorzaak van deze fouten is te weinig PHP-geheugen.
- Als je zelf toegang hebt tot Select PHP Version of PHP Options in je hostingpaneel, verhoog dan de memory_limit naar bijvoorbeeld 256M of 512M.
- Zie je deze optie niet of wil je het niet zelf doen? Vraag dan je hostingprovider om het geheugen voor je te verhogen.
- Wil je het liever in WordPress zelf aanpassen? Installeer een plugin zoals WP Memory Limit of Increase Maximum Upload File Size, waarin vaak ook een optie zit om het geheugen te verhogen zonder dat je serverbestanden hoeft te bewerken.
13. Optimalisatie-plugins die paden herschrijven
Plugins die CSS en JS samenvoegen of minimaliseren kunnen verkeerde paden maken.
- Zet tijdelijk de optimalisatie uit in de plugin, bijvoorbeeld “Combine CSS/JS” of “Defer/Delay JS”.
(bekende voorbeelden zijn Autoptimize, WP Rocket, LiteSpeed Cache en W3 Total Cache). - Leeg cache en test.
- Zet features stuk voor stuk weer aan om te zien wat de boosdoener is.
14. MIME-types voor lettertypes en SVG
Wat is een MIME-type?
Een MIME-type (ook wel Content-Type) is het bestandssoort dat de server aan de browser doorgeeft. Als het type ontbreekt of verkeerd is, kan de browser het bestand blokkeren of niet laden.
Veelgebruikte juiste MIME-types
- .woff2 → font/woff2
- .woff → font/woff
- .ttf → font/ttf
- .otf → font/otf
- .eot → application/vnd.ms-fontobject
- .svg → image/svg+xml
Zo pak je problemen snel aan
- Controleer of het pad naar je lettertypes en SVG’s klopt en dat ze op je eigen domein staan.
- Zorg dat de server de juiste Content-Type header meestuurt:
- In je hostingpaneel: zoek naar MIME Types of vraag je hosting om de juiste types voor fonts en SVG te activeren.
- Via .htaccess op Apache kun je deze regels toevoegen als ze ontbreken:
AddType font/woff2 .woff2
AddType font/woff .woff
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/vnd.ms-fontobject .eot
AddType image/svg+xml .svg
- SVG’s alleen toestaan met een plugin die bestanden controleert en schoonmaakt, bijvoorbeeld een plugin die SVG’s valideert.
- Leeg daarna de cache van je website, je browser en eventueel je CDN en test opnieuw.
Tip: Komen fonts via je CDN, dan kunnen ook CORS-instellingen meespelen. Zie onderdeel 7 voor de Cloudflare-stappen.
Conclusie
De foutmelding failed to load resource in WordPress kan veel oorzaken hebben – van simpele cacheproblemen tot verkeerde serverinstellingen of SSL-configuratie. Door stap voor stap de mogelijke oorzaken te controleren, kun je het probleem vaak zelf oplossen zonder dat je diep in de techniek hoeft te duiken.
Lukt het toch niet of wil je dat een specialist meekijkt? Neem gerust contact op, dan helpen we je snel weer op weg met een volledig werkende website.
Veelgestelde vragen
1. Waarom zie ik foutmelding failed to load resource in WordPress?
Omdat een bestand niet geladen kan worden. De oorzaak kan een verkeerde URL, blokkade door een plugin of firewall, mixed content na SSL, cache, CDN of verkeerde rechten zijn.
2. Hoe los ik de fout snel op als ik weinig tijd heb?
Leeg alle caches, update alles, zet beveiligingsplugins tijdelijk uit, sla permalinks op en controleer je HTTPS-instellingen. Vaak is het dan al opgelost.
3. Hoe pak ik Mixed Content door SSL aan?
Zet WordPress- en Site-URL op https, vervang in de database http://jouwdomein.nl door https://jouwdomein.nl, genereer CSS van je pagebuilder opnieuw en forceer https met een plugin of redirect.
4. Ik zie 404 op een .css of .js bestand, wat nu?
Controleer of het pad klopt, sla permalinks op, kijk of optimalisatieplugins geen verkeerde paden maken en of je thema of child theme het juiste bestand aanroept.
5. Mijn CDN geeft de fout, hoe fix ik dat?
Purge de CDN cache, zet een geldig certificaat op de CDN-subdomein, stel CORS goed in en test met CDN uitgeschakeld. Werkt het dan, pas de CDN-instellingen aan.
6. Wat als ik 403 Forbidden zie bij de resource?
Controleer Hotlink Protection, bestandsrechten en securityregels. Zet de beveiligingsplugin tijdelijk uit en whitelist je eigen paden.
7. Krijg ik net::ERR_NAME_NOT_RESOLVED, wat betekent dat?
Je domein of subdomein lost niet goed op. Controleer het A-record en wacht op DNS-propagatie.
8. Helpt het om Elementor-tools te gebruiken?
Ja. Ga naar Elementor > Tools, voer CSS opnieuw genereren uit en gebruik Replace URL om http naar https te zetten. Leeg daarna cache.
9. Ik heb alles gedaan, maar de fout blijft. Wat nu?
Check server error logs in je hosting, verhoog eventueel PHP-geheugen, schakel recent toegevoegde plugins uit, en test met een standaardthema. Neem zo nodig contact op met je host.