asp.net-mvc: javascript caching

Question

I'm thinking whether it makes sense in order to increase the speed of the website to do some strategy of caching the js files that are being included ?

one idea that I have is to do something like this:

[OutputCache(Location = OutputCacheLocation.Any, Duration = 3600)]
public JsController : Controller
public ActionResult JQuery()
{
//I would have a ascx with the entire jquery script inside
return View();
}

and on the site.master:

<%=Html.RenderAction("JQuery","JsController");

@balpha no reason, I just wanted to use OutputCache attribute to cache it's conent, don't know whether it makes sense — Omu
– Omu, Commented May 25, 2010 at 13:16

Claudio Redi · Accepted Answer · 2010-05-25 13:03:03Z

7

that's not necessary. You can specify cache strategy for JS (and any static files) on the web.config and on the IIS.

For jQuery in particular, you could reference the library from google CDN.

http://code.google.com/apis/ajaxlibs/documentation/#jquery

answered May 25, 2010 at 13:03

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Erv Walter Over a year ago

Not only is it not necessary, it is harmful because it will cause the javascript to be embedded in every HTML page making every HTML page download larger.

Omu Over a year ago

@Claudio Redi IIS 7.5 but my app is on some servers with IIS 6, so it's both

Claudio Redi Over a year ago

I'm afraid that you won't able to do it on web.config if IIS6 is used. Here you have a tutorial about how to enable cache on IIS5 but applies for IIS6 support.microsoft.com/kb/313561. IIS7 is similar iis.net/ConfigReference/system.webServer/staticContent/…

Omu Over a year ago

@Claudio Redi there is explained how to set the expiration of the cache, is that means that the files are cached by default and there is no need to do this

Claudio Redi Over a year ago

The proper way to cache static files that won't change or change VERY infrequently is adding a long expiration header. It's little long to explain in 2 lines. Maybe you could check this cache tutorial mnot.net/cache_docs/#CONTROL. Just take into account that if you add a expiration header to your file, the only way to be sure that the client will get the new version is changing the file name.

Darin Dimitrov · Accepted Answer · 2010-05-25 13:03:29Z

3

The client browser already caches included javascript files. For standard libraries such as jQuery you could use a CDN as chances are it is already cached in the client browser.

answered May 25, 2010 at 13:03

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

Comments

Vlad Bezden · Accepted Answer · 2013-01-28 16:09:30Z

1

I don't think you have to use OutputCache in order to cache content files. You can use config file:

<system.webServer>
  <staticContent>
     <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="10.00:00:00" />
  </staticContent>
</system.webServer>

This way web server will tell browser to cache static content (JS, CSS and images) and not to check for new content for 10 days.

Also by default any browser should cache static content. You can see all content that is cached in Chrome by typing in address bar chrome://cache

answered Jan 28, 2013 at 16:09

Vlad Bezden

90.7k27 gold badges261 silver badges190 bronze badges

Collectives™ on Stack Overflow

asp.net-mvc: javascript caching

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related