During Sitecore Symposium 2019, I attended a session called “Do less: Reduce load impact by caching and offloading static content”, by Juan Garza (Digital Systems Architect at Rackspace), where he briefly mentioned a Sitecore Marketplace Module called: Cache Tuner.

What is the Sitecore Cache Tuner module?

The Sitecore Cache Tuner module helps you to understand your Sitecore Caching usage and helps you in fine tuning cache sizes as per Sitecore’s Caching Guide Recommendation. It’s developed and maintained by fellow Sitecore MVP Kiran Patil. I’ve seen it in action, was aware of it, Vasiliy Fomichev even has an in-depth video on it on YouTube, but you tend to forget about some modules that are out there and really come in handy when investigating performance issues.

Since the UI didn’t really do it for me, I thought it could use a little bit of paint. Since I come from a back-end background, and have been working on Sitecore JSS blog-posts, I started to get familiar with Tailwind CSS, A utility-first CSS framework for rapidly building custom designs. If you’re not familiar with it, go check it out! So this blog-post is not about developing any additional functionality to the Sitecore Cache Tuner module, rather a simple enhanced UI, which I worked on over the weekend.

Old UI vs New UI

Here you can see the old UI of the Sitecore Cache Tuner module:

And here’s a more modern look and the new UI of the Sitecore Cache Tuner module:

If the Cache Key has a value, then it will be clickable. Here you can see the old UI that shows the details (cache entries) of a given cache key:

And here you can see the new UI that shows the details (cache entries) of a given cache key:

So that’s it. In my opinion a slicker UI for the Sitecore Cache Tuner (yes, you read that right 😉 “my opinion”)

You can find my adjusted code here:

If you want a more in-depth look at what the module is all about, then check out Kiran Patil’s Sitecore basics! blogpost at:

Happy Cache Tuning! …

Robbert