Chrome uses cached files while max-age is set and expired
I'm doing some experiments on my site's cache settings. I use max-age, and Etag to control the cache behavior. I test in both Safari and Chrome. The problem happens on max-age.
My experiment is taken in the following steps:
- set
max-ageto10
- in browser, open a new incognito window, load the page
- do some modifications on the html file saved on the server
- wait for >10s, then in the same incognito window of the browser, open a new tab and load the same url
- repeat steps 3-4 and observe if the modification is present in the new tab
My observations are:
Safari will request for the new page from the server each time the page was modified. While Chrome won't load the new page at the request after the first modification. The status code in dev-tool is shown as 200 OK (from disk cache). But it will load the new pages at all the following requests.
It seems that, at the request after the first modification, Chrome ignores max-age and uses the cache by force. I can't figure out what's wrong.
The response headers in Chrome's dev-tool are:
HTTP/1.1 304 Not Modified
Cache-Control: max-age=10
Date: Tue, 13 Nov 2018 03:04:56 GMT
Etag: "37b-57a82e5783547"
Expires: Tue, 13 Nov 2018 03:05:06 GMT
Server: Apache/2.4.29 (Win64) mod_wsgi/4.5.24 Python/3.6
apache http
google-chrome-devtools cache-control asked Nov 13 at 3:36
Pei
11
add a comment |
I'm doing some experiments on my site's cache settings. I use max-age, and Etag to control the cache behavior. I test in both Safari and Chrome. The problem happens on max-age.
My experiment is taken in the following steps:
- set
max-ageto10
- in browser, open a new incognito window, load the page
- do some modifications on the html file saved on the server
- wait for >10s, then in the same incognito window of the browser, open a new tab and load the same url
- repeat steps 3-4 and observe if the modification is present in the new tab
My observations are:
Safari will request for the new page from the server each time the page was modified. While Chrome won't load the new page at the request after the first modification. The status code in dev-tool is shown as 200 OK (from disk cache). But it will load the new pages at all the following requests.
It seems that, at the request after the first modification, Chrome ignores max-age and uses the cache by force. I can't figure out what's wrong.
The response headers in Chrome's dev-tool are:
HTTP/1.1 304 Not Modified
Cache-Control: max-age=10
Date: Tue, 13 Nov 2018 03:04:56 GMT
Etag: "37b-57a82e5783547"
Expires: Tue, 13 Nov 2018 03:05:06 GMT
Server: Apache/2.4.29 (Win64) mod_wsgi/4.5.24 Python/3.6
apache http
google-chrome-devtools cache-control asked Nov 13 at 3:36
Pei
11
add a comment |
I'm doing some experiments on my site's cache settings. I use max-age, and Etag to control the cache behavior. I test in both Safari and Chrome. The problem happens on max-age.
My experiment is taken in the following steps:
- set
max-ageto10
- in browser, open a new incognito window, load the page
- do some modifications on the html file saved on the server
- wait for >10s, then in the same incognito window of the browser, open a new tab and load the same url
- repeat steps 3-4 and observe if the modification is present in the new tab
My observations are:
Safari will request for the new page from the server each time the page was modified. While Chrome won't load the new page at the request after the first modification. The status code in dev-tool is shown as 200 OK (from disk cache). But it will load the new pages at all the following requests.
It seems that, at the request after the first modification, Chrome ignores max-age and uses the cache by force. I can't figure out what's wrong.
The response headers in Chrome's dev-tool are:
HTTP/1.1 304 Not Modified
Cache-Control: max-age=10
Date: Tue, 13 Nov 2018 03:04:56 GMT
Etag: "37b-57a82e5783547"
Expires: Tue, 13 Nov 2018 03:05:06 GMT
Server: Apache/2.4.29 (Win64) mod_wsgi/4.5.24 Python/3.6
apache http
google-chrome-devtools cache-control asked Nov 13 at 3:36
Pei
11
I'm doing some experiments on my site's cache settings. I use max-age, and Etag to control the cache behavior. I test in both Safari and Chrome. The problem happens on max-age.
My experiment is taken in the following steps:
- set
max-ageto10
- in browser, open a new incognito window, load the page
- do some modifications on the html file saved on the server
- wait for >10s, then in the same incognito window of the browser, open a new tab and load the same url
- repeat steps 3-4 and observe if the modification is present in the new tab
My observations are:
Safari will request for the new page from the server each time the page was modified. While Chrome won't load the new page at the request after the first modification. The status code in dev-tool is shown as 200 OK (from disk cache). But it will load the new pages at all the following requests.
It seems that, at the request after the first modification, Chrome ignores max-age and uses the cache by force. I can't figure out what's wrong.
The response headers in Chrome's dev-tool are:
HTTP/1.1 304 Not Modified
Cache-Control: max-age=10
Date: Tue, 13 Nov 2018 03:04:56 GMT
Etag: "37b-57a82e5783547"
Expires: Tue, 13 Nov 2018 03:05:06 GMT
Server: Apache/2.4.29 (Win64) mod_wsgi/4.5.24 Python/3.6
apache http
google-chrome-devtools cache-control apache http
google-chrome-devtools cache-control asked Nov 13 at 3:36
Pei
11
asked Nov 13 at 3:36
Pei
11
asked Nov 13 at 3:36
Pei
11
asked Nov 13 at 3:36
Pei
11
asked Nov 13 at 3:36
Pei
11
11
add a comment |
add a comment |
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53273419%2fchrome-uses-cached-files-while-max-age-is-set-and-expired%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53273419%2fchrome-uses-cached-files-while-max-age-is-set-and-expired%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
