Enable Caching of Javascript, CSS files which are included in a JSP file

Question

I am trying to enable browser cache the javascript, css files of my web application. The document type I'm using is a JSP.

I see manifest.appcache is deprecated, what is the best way to implement caching so that browser caches the js, css files.

Below is my code

<html manifest="../manifest.appcache">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Web app</title>
    <link rel="stylesheet" href="<%= contextPath %>/app.css">
</head>
<body>
    <script type="text/javascript" src="<%= contextPath %>/app.js"></script>
</body>
</html>

you're sure the path exists? what do you get when you type the path in plain string — Ahmed Can Unbay, Sep 06 '17 at 15:08
Yes it exists, I removed the @include file just to keep it clean, the path would be resources/app/app.js, app.css — Sai Prakash Narasingu, Sep 06 '17 at 15:28
what do you get when you do `
<%= contextPath %>
` inside the body — Ahmed Can Unbay, Sep 06 '17 at 15:34
localhost:8080/resources + /app.js makes up to `localhost:8080/resources/app.js` you said the whole path is `resources/app/app.js` you are missing an `/app` there?! — Ahmed Can Unbay, Sep 06 '17 at 15:45
my bad it is localhost:8080/resources /app, but the point is I want to enable cache on these files. How do i do it? — Sai Prakash Narasingu, Sep 06 '17 at 15:46
Please see my answer, you have to configure the response headers. — Ahmed Can Unbay, Sep 06 '17 at 16:06

Ahmed Can Unbay · Answer 1 · 2017-09-06T17:49:32.193

0

You have to add Expires to your http response headers. This will make the browser in the client side to save the component of the page until that date. If you wonder how to set the headers while sending a response, you have to know to configure your server either by using a back-end programming language, or a third party.

Please see expires header .

Try adding this to your html file <meta http-equiv="Cache-control" content="public">

edited Sep 06 '17 at 17:49

answered Sep 06 '17 at 15:54

Ahmed Can Unbay

2,694
2
16
33

maybe your client is sending `Cache-Control: no-cache` please see https://stackoverflow.com/questions/14541077/why-is-cache-control-attribute-sent-in-request-header-client-to-server – Ahmed Can Unbay Sep 06 '17 at 17:44
try to set request headers to `Cache-Control: max-age=2592000` @Sai, it's all about request headers. – Ahmed Can Unbay Sep 06 '17 at 17:48
Something like this <% response.setHeader("Cache-Control","max-age=2592000"); %> – Sai Prakash Narasingu Sep 06 '17 at 17:57

Enable Caching of Javascript, CSS files which are included in a JSP file

1 Answers1