Tuesday, 24 March 2009

Implementing Fragment caching in ASP.NET 2.0

Caching in ASP.Net world means to store whole rendered html page or data e.g dataset or a part of page such as controls in server's memory for specific period of time and that cached items would be accessed for short period of time without executing code to process same data or page again. Whole idea behind this is to minimize the execution of code to do same task on consecutive clicks by one or more users increase performance.
However one should be careful in selecting caching techniques as it is not always an option for all kind of web applications e.g Displaying Real Pricing or showing Real time Tennis,Cricket match score.

What is fragment caching?
to store a part of page in memory rather than whole page for a specified period of time.Fragment caching is done by using User controls.

Here is Steps for implementing Fragement caching.

  1. Create a web site(or open a website you already created)
  2. Right click on project and select Add new Item from pop-up menu.
  3. Select WebUserControl from Templates.

In fragment caching , output directive is used in user control .ascx file.It should not be placed in main page(page which host user control).Set the duration for outputcache to 20 seconds.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CachedContent.ascx.cs" Inherits="CachedContent" %>

<%@ OutputCache Duration ="20" VaryByParam="None" %>

<div id="outputdiv" style="clear: none; display: block; left: 50px; visibility: visible; width: 752px; position: relative; top: 50px; height: 100px; background-color: powderblue;">

cached Time

<asp:Label id="head1" runat="server" Font-Bold="True" Font-Names="Tahoma" Font-Size="XX-Large"><%# DateTime.Now.ToLongTimeString() %>asp:Label>


On page load of user control , use this code.


on user control hosting page(main page) place this code on declarative part of the page

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="OutputcacheTest.aspx.cs" Inherits="OutputcacheTest" %>

<%@ Register Src="CachedContent.ascx" TagName="CachedContent" TagPrefix="uc1" %>

then place this code after form tag in same page.

<div id="H2" style="clear: none; display: block; left: 34px; visibility: visible; width: 752px; position: relative; top: 30px; height: 100px; background-color: gainsboro;">

Non cache Time

<h1 id="H1_1" runat="server">

<%# DateTime.Now.ToLongTimeString() %>



<asp:Button ID="gettime" runat ="server" style="clear: none; display: block; left: 271px; visibility: visible; position: relative; top: 269px; background-color: gainsboro;" Height="47px" Text="Get time" Width="177px" OnClick="gettime_Click" />

<uc1:CachedContent ID="CachedContent1" runat="server" />

on page load of main page write down tis code.

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class OutputcacheTest : System.Web.UI.Page


protected void Page_Load(object sender, EventArgs e)


System.Web.UI.HtmlControls.HtmlGenericControl header2 = new HtmlGenericControl();

header2 = (System.Web.UI.HtmlControls.HtmlGenericControl)Page.FindControl("H1_1");



protected void gettime_Click(object sender, EventArgs e)




I placed header tag and bind it with current datetime on page while I also placed User control which displays current datetime with declarative Output cache.

when I execute main page ,I see new datetime for the code i placed on main page each time refresh the page(page is posted back to server), however, user control time didnt change it retrives the rendered html from memory until specified period is elapsed.


  1. Learn Dot Net Training in Chennai at Credo Systemz. Training offered by MNC Experts. Rated as Best .Net Training Institute in Chennai. Learn C# & ASP.Net Course with 100% Placement.

    .NET Framework developed by Microsoft is an integral part for most of the primary applications running on Windows. .NET with its consistent and comprehensive programming model, created a technological revolution in recent years. Applications built using .NET has the capability to entice the user with visually stunning experiences along with faultless and secured communication system.

    Top 10 Dot Net Training Institute in Chennai


  2. Best Dot Net Training in Chennai at Credo Systemz. We have all topics of MS.NET like C#, ASP.NET, MVC, WPF, WCF etc covered in-depth. Our teaching methodology includes in-depth theory on every topic which prepares you for interview and followed by practical demonstration of the subject so that you can find doing project very easy. Our
    dot net training course are designed in such a way that any beginner can start and eventually grow as advanced developer.

  3. Really a good technical site,keep on writing good stuffs
    dot net training in chennai