Cache Plug-in

PHP & JavaScript

Inleiding

De webshop was traag, ondanks caching-plugins. Laden van producten, paginering (‘show more’), en filters duurde soms meer dan 3 seconden – een slechte gebruikerservaring.

Analyse & Probleemopsporing

Na onderzoek bleek dat het thema bij elke actie een zwaar AJAX-verzoek deed naar de backend om SQL-queries uit te voeren. Dit veroorzaakte hoge serverbelasting bij veel verkeer.

Oplossing: Eigen Cachinglaag

Ik ontwikkelde een slimme cache-oplossing die veelgevraagde combinaties (bijv. filters, sorteringen, pagina’s) vooraf genereert en opslaat als geminified HTML. Hierdoor konden pagina’s razendsnel geladen worden zonder backend-verzoeken.

‍ ​

Technische Highlights

  • Automatisch genereren van gecachte HTML op basis van JSON-configuratie
  • Slimme paginering op basis van productaantallen
  • Frontend controleert via HEAD-verzoeken of cache aanwezig is
  • Bij afwezigheid valt het systeem terug op de oorspronkelijke query

Afbeelding met tekst, schermopname, Lettertype, klokAutomatisch gegenereerde beschrijving

Resultaat

Laden van productpagina’s ging van >3 sec naar 18 ms. Gecachte verzoeken variëren nu van 0 tot 25 ms. Alleen ongecachte SQL-queries blijven langer duren (tot 3 sec), maar dit aantal is sterk verminderd.

Toekomst

  • Integratie met Elasticsearch voor ongecachte zoekopdrachten
  • Gebruik van Google Analytics voor gedragspatronen en betere cache-strategieën