Je krijgt een screenshot van een collega: een afbeelding op de website laadt maar voor de helft. De rest is een grijs vlak of gewoon afgesneden. Je opent de website zelf en er is niets aan de hand. De afbeelding staat er strak op. Ligt het aan de internetverbinding van die collega of aan de browser? Vaak wel, maar zeker niet altijd. Onlangs liepen wij tegen dit probleem aan en de boosdoener zat op een onverwachte plek.
De gebruikelijke verdachte: de lokale browsercache
Wanneer een afbeelding eruitziet alsof hij halverwege is afgekapt, wijst dit meestal op een hapering in de verbinding tijdens het laden. De browser haalt maar een deel van het bestand binnen en stopt dan. Om websites sneller te maken, slaan browsers afbeeldingen lokaal op in het geheugen (de cache). Het gevolg: de volgende keer dat de gebruiker de pagina bezoekt, laadt de browser diezelfde kapotte afbeelding opnieuw in plaats van een nieuwe poging te doen bij de server.
De standaardoplossing is simpel: een harde refresh (Ctrl + F5). Hiermee dwing je de browser om de cache te negeren en de afbeelding opnieuw op te halen. Maar wat als dat het probleem niet oplost?
De server-side cache van YOOtheme Pro
In ons geval bleef de collega de corrupte afbeelding zien, ook na het legen van de lokale cache. Omdat wij veel websites bouwen met Joomla en YOOtheme Pro, zochten we het een laag dieper: op de server zelf.
YOOtheme Pro maakt gebruik van een eigen, geavanceerde server-side cache. Om websites razendsnel te maken, schaalt het systeem afbeeldingen dynamisch en zet ze vaak om naar geoptimaliseerde formaten zoals WebP. Tijdens het genereren van deze afbeelding op de server was er een kleine hapering opgetreden. YOOtheme Pro had hierdoor een onvolledige versie van de afbeelding opgeslagen in de eigen server-cache.
Iedere bezoeker die daarna de pagina opvroeg, kreeg vanuit de server braaf deze kapotte versie voorgeschoteld. Dat wij de afbeelding zelf wel goed zagen, kwam doordat onze eigen browsers nog een eerdere, correcte versie in het geheugen hadden staan.
De oplossing is simpel
De fix was uiteindelijk heel eenvoudig: het legen van de YOOtheme Pro cache in de website-instellingen. Door deze cache te wissen, dwongen we de server om de afbeelding opnieuw en dit keer succesvol te genereren. Probleem opgelost voor iedereen.
Zie je hardnekkige weergaveproblemen die niet verdwijnen met een simpele refresh? Staar je dan niet blind op de browser van de gebruiker. Denk ook aan de cache-lagen op je server of in je thema. Soms doet de browser precies wat hem verteld wordt en ligt het probleem stiekem bij de afzender.
Geen omkijken naar je Joomla website
Joomla en YOOtheme Pro vormen een krachtig team voor een moderne website, maar het vereist wel goed beheer. Updates van extensies, beveiligingspatches en het opschonen van caches zijn taken waar jij waarschijnlijk geen tijd voor hebt.
Met een onderhoudscontract van Welldotcom nemen wij de technische zorgen volledig uit handen. Wij zorgen dat alles achter de schermen soepel blijft draaien. Zo voorkom je dat een simpele update je layout overhoop gooit of dat een server-cache roet in het eten strooit. Wij regelen je website tot in de puntjes, zodat jij je kunt focussen op je eigen zaken. Daar maken wij geen punt van.
Zullen we jouw website up-to-date houden?
Kennis omzetten in resultaat?
Een informatief artikel is een goed startpunt. Maar de echte groei voor je bedrijf zit in de professionele uitvoering. Geen tijd of zin om zelf met de techniek, het ontwerp of de vindbaarheid van je website aan de slag te gaan? Als jouw partner nemen we dit werk graag volledig uit handen. Zo kun jij je focussen op wat echt telt: je onderneming.