cache a part of web page using browser caching

Question

I'm using yii framework in my web app. I have huge size website Main Navigation Menu. It's a separate file named as Menu.html. After some parsing using php it is rendered on the browser. So the structure is something like:

{header}
{parsingMethod(menu.html)}
{middle content}
{footer}

So, on each hit the menu is parsed and rendered. Is there a way that, once menu is loaded on client; it stored in browser cache. so that after consecutive hit it dose not load from server each time??

Although, I'm using Memcached to store menu.html so that application don't need to read menu.html file from disk each time. But I want to save this Memcached hit also once the menu is loaded on client.

Any help is greatly appreciated!

Thanks Ashu

Answer 1

As far as I understand HTML5 appcache, there is no way to cache a certain part of a page. If you don't want to go through parsing and rendering the menu on each request, you can still make use of Yii's fragment caching.