Website gemaakt via WordPress.com toont geen afbeeldingen

Probleem:

Je maakt gebruik van de hosting van WordPress.com om jouw website te ontwikkelen. Dit is van dezelfde makers als WordPress CMS. Het grote voordeel van deze hosting is dat WordPress al helemaal voor jouw wordt geïnstalleerd.

Website gemaakt via WordPress.com toont geen afbeeldingen.Om jouw website visueel mooi te maken gebruik je Elementor. Nadat je de homepage afgerond hebt publiceer je die en bekijk je hem. De pagina ziet er nog steeds prima uit en alle afbeeldingen worden getoond.

Maar zodra je dezelfde pagina bezoekt, zonder dat je ingelogd bent, worden de afbeeldingen niet meer geladen. Sommige teksten of opmaak ontbreken ook. Nadat je bent ingelogd is de pagina weer prima in orde.

Oplossing:

Dit probleem kan veroorzaakt worden door een conflict met Javascript bestanden van Elementor. In deze bestanden zit code die ervoor zorgt dat jouw website juist functioneert.

Controleer daarom eerst of dit ook bij jouw het geval is:

  1. Bezoek de website zonder dat je ingelogd bent
  2. Klik met rechts ergens op de pagina, maar niet op een afbeelding
  3. Klik in het lijstje dat verschijnt op “Inspecteren” of “Inspect”
  4. Je opent nu de web developer toolbar onderin het scherm
  5. Klik op het tabblad “Console” en herlaad vervolgens de pagina
  6. Komt in de console nu een rode tekst te staan die begint met “Uncaught syntax…”?
  7. Dan is de kans groot dat het komt door een conflict tussen Javascript bestanden

In mijn situatie werd de volgende foutmelding getoond:
Uncaught syntax error: redeclaration of var l

Standaard wordt door WordPress.com de plugin Page Optimize van Automattic geïnstalleerd en geactiveerd. Deze plugin heeft als beschrijving “Optimaliseert JS en CSS voor het sneller laden en renderen van pagina’s in de browser.”.

Om te optimaliseren voegt deze plugin alle Javascript bestanden samen tot een Javascript bestand of een paar Javascript bestanden. Maar kenmerkend voor Javascript is dat bestanden in de juiste volgorde worden ingeladen. Alleen de Page Optimize plugin weet niet altijd wat de juiste volgorde is waardoor bestand 2 voor bestand 1 ingeladen kan worden met als gevolg “Uncaught syntaxt error”

Volg deze stappen om dit probleem op te lossen:

  1. Log op jouw WordPress.com omgeving en ga naar de beheeromgeving
  2. Klik links op “Plugins”
  3. Scroll in de lijst naar “Page Optimize” en klik op “Instellingen” of “Settings”
  4. Vink bij Javascript het vakje “Voeg scripts samen” uit
  5. Klik onderin op “Wijzigingen opslaan”
  6. Log uit en bezoek de website om te controleren of deze nu wel juist functioneert

Een alternatieve oplossing is om de plugin in zijn geheel te verwijderen of te vervangen door een andere zoals Autoptimize.

Laat een reactie achter

Your email address will not be published. Required fields are marked *

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.