Gratis Website cache warmer

Heb je je ooit afgevraagd waarom sommige websites, zoals de mijne, onmiddellijk laden? Dat is deels te danken aan caching! Door veelgebruikte data op te slaan op de server of op de edge, elimineert caching de noodzaak voor kostbare server-side berekeningen, wat resulteert in een super soepele en snelle user experience.

Tegenwoordig hebben de meeste sites een of meer lagen caching, die standaard is ingebouwd of is toegevoegd via een plugin. Toch verbeteren de meeste caching plugins de performance nauwelijks! Dat komt waarschijnlijk door een lage cache hit ratio. Gelukkig kunnen we de cache hit ratio verhogen of problemen met de cache hit ratio detecteren door een cache warmer te gebruiken. 

Wat is een cache warmer?

Cache warming is het proces waarbij veelbezochte websites vooraf in de server of edge cache worden geladen, voordat ze door gebruikers worden opgevraagd. Zodra de pagina's door de server zijn gecached, kan de server die pagina's direct vanuit de cache serveren en hoeft de pagina niet on the fly te bouwen. 

Een cache warmer zal over het algemeen een website 'crawlen' op basis van regels die door de website-eigenaar zijn ingesteld. Mijn chrome extension 'the cache warmer' hanteert een eenvoudige aanpak voor deze regels:

• Bij het openen van de extension wordt de homepage van de huidige website getoond
• Wanneer je de cache plugin activeert, bezoekt deze de homepage en extraheert alle urls
• De urls worden gesorteerd op gewicht en de eerste 'onbezochte pagina met het hoogste gewicht' wordt gecrawld
• Dit proces herhaalt zich totdat alle pagina's zijn gecrawld of het maximaal ingestelde aantal pagina's is gecrawld. Wat het eerst gebeurt

Hoe verbetert een cache warmer de pagespeed performance?

Het hoofddoel van cache warming is het voorkomen van "cache misses", die optreden wanneer de gevraagde data niet in de cache wordt gevonden en on the fly door de server moet worden gebouwd. Dit duurt uiteraard langer dan het simpelweg serveren van pagina's vanuit de cache

Kijk eens naar deze coredash time to first byte distributie. Deze toont duidelijk 2 Gausscurves. De eerste, snelle en groene curve toont snelle en gecachete html page-views en de tweede, bredere Gausscurve toont langzamere, niet-gecachete pageviews.

Een slechte time to first byte leidt altijd tot slechte paint metrics zoals de first contentful paint en de largest contentful paint en dat leidt tot  gefaalde Core Web Vitals metrics.  

Deze slechte metrics sluipen er vaak ongemerkt in bij nietsvermoedende site-eigenaren omdat ze moeilijk te repliceren zijn, want tijdens het testen van je eigen site bouw je de cache snel opnieuw op en wordt het gemakkelijk om dit probleem over het hoofd te zien.

Dus wat heb ik gedaan? Inderdaad, ik heb een GRATIS!! krachtige one-click cache warmer gemaakt die het proces vereenvoudigt om ervoor te zorgen dat je cache altijd up-to-date is. Hij komt in de vorm van een chrome extension en elimineert de noodzaak voor complexe command-line utilities, waardoor het voor iedereen eenvoudig te gebruiken is..

Hoe gebruik je de cache warmer?

Het gebruik van de cache warmer is vrij eenvoudig! Dit zijn de stappen die je moet nemen:

1. Installeer de Cache Warmer in de chrome store

2. Om te garanderen dat mijn leuke, kleine plugin niet je nieuwste gratis DDOS tool is, moet je dit toevoegen aan je robots.txt om crawl-beperkingen te verwijderen

User-agent: CacheWarmer
Crawl-delay: 0

3. Zorg ervoor dat je van tevoren genoeg RUM data hebt. Je kunt een RUM tool zoals Core/Dash gebruiken, wat verreweg je meest budgetvriendelijke optie is.

4. Voer de plugin uit. Je zult niet zien dat je pagina wordt gecrawled. Elke keer dat we een pagina bezoeken, zou een verse, gecachete versie van je pagina moeten worden aangemaakt!

5  Zorg ervoor dat je cache niet handmatig wordt geïnvalideerd. Dat betekent dat je een paar uur lang geen nieuwe content updates op je site moet publiceren en vergelijk de voor- en na-situatie

Als je een enorm verschil opmerkt (vooral in de breakdown-sectie van de lcp waar de lcp wordt uitgezet tegen de ttfb), is dat een duidelijke indicatie dat je caching niet correct is ingesteld!