Caching doesn't appear to work - what am I missing?

I have a database call that dynamically creates a header which is included on every page. I’ve followed the caching api data article but it still is calling the api in the xhr request.

I have the repeater bound to the server connect:


And the server connect is set to cache:
data_caching

I see the data is stored in the application local storage:

But, the api is still being called:

Any thoughts on what I did wrong here?

Please provide a link to your page where we can check what’s going on.
I see preserve log is checked in dev tools, so you probably see a previous call there?