My javascript could not be cached in browser

Question

I have a website which contains some resource like css and javascript. However some resources are cached in browser while other not.

For example, I checked 2 resource URLs:

• https://account.sydsvenskan.se/main.js?appId=sydsvenskan.se
• http://account.sydsvenskan.se/public/javascripts/lib/jquery.min.js?appId=sydsvenskan.se

The second one looks good, next request is 304 once it's cached in browser, with first request, the request always is 200, I think that it's not cached in client.

Thumbnail for not cached resource

Thumbnail for caching resource

Anyone please help to debug and give me the suggestion

Answer 1

I am by no means an expert, but after looking at both response headers, it look like the only notable differences between the two is that you send the first one (the one that isn't cached) using Transfert-encoding: chunked. And it looks like a file can only be cached if content-length is provided.

You should try to specify a length for your document, I think it will do the trick.

Answer 2

Please view these two Links Link1 and Link2 . I hope it will help.