Answers.Body: <p>Per <a href="https://craftcms.stackexchange.com/a/2600/1016">Brad's answer</a>, PHP is setting the cache control headers on the start of a new user session. </p>
  
  <p>If you want to override this, Craft provides the <a href="http://buildwithcraft.com/docs/templating/header" rel="nofollow noreferrer">{% header %}</a> tag where you can set your own headers. Whether or not that affects Chrome, I couldn't say.</p>
  
  <p>One other thing to note is cookies. <a href="https://support.google.com/chrome/answer/1385029?hl=en" rel="nofollow noreferrer">This page</a> mentions "prerendered or prefetched [pages] may set and read their own cookies as if you had visited them before -- even if you don’t visit the prerendered or prefetched pages after all" which seems to imply it'll use the current page's headers for prefetch requests. </p>
  
  <p>If you do any cookie-based server-side tracking or analytics with Craft, that could wreck a little havoc. (Say your funnel is "load XXX page and then load the contact page." You'd be wondering why people visited the contact page but never filled it out.) </p>
  
  <p>If you use prerender, it looks like Chrome will actually <a href="https://www.chromium.org/developers/design-documents/prerender" rel="nofollow noreferrer">execute</a> any javascript on the page as well, which would also defeat any JS based analytics packages.) Scary.</p>
  
  <p>(For what it's worth, I haven't tested any of these techniques at all but it would be interesting to see what kind of mainstream traction they receive. I can see for a web app it might be more useful.)</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2015-11-10T17:38:21.770Z
Answers.LastActivityDate: 2015-11-10T18:16:01.330Z
Answers.LastEditDate: 2017-04-13T12:51:00.200Z
Answers.UserDisplayName: RitterKnight
Answers.Body: <p>Thank you.</p>
  
  <p>It seems that the fetching only works if the returned page is cachable, so I override the headers with the <code>{% header %}</code> tag.</p>
  
  <pre><code>{% set expiry = now|date_modify('+2 minute') %}
  {% header "Cache-Control: max-age=" ~ (expiry.timestamp - now.timestamp) %}
  {% header "Pragma: cache" %}
  {% header "Expires: " ~ expiry|date('D, d M Y H:i:s', 'GMT') ~ " GMT" %}
  </code></pre>
  
  <p>I now set this on every craft template (respectively on the main layout template) and cache it for two minutes. This gives a lot of performance boost and and allows any kind of prefetching. And with two minutes, outdated content won't be too much of a problem.</p>
  
  <p>To deal with the statistic problem: </p>
  
  <p>Firefox sets a HTTP Header <code>X-moz: prefetch</code> on all prefetch requests, which can be used to distinguish prefetch requests from real site views.</p>
  
  <p>Chrome sets a HTTP Header <code>Purpose:prefetch</code>. I didn't check how IE is dealing with prefetch requests.</p>
  
  <p>As prefetching is actually <a href="http://caniuse.com/#feat=link-rel-prefetch" rel="nofollow">supported</a> by FF, Chrome and IE >=11, I think it is a very useful, performance boosting optimization. It should be used sparely and wisely though.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2015-11-12T09:45:23.040Z
Answers.LastActivityDate: 2015-11-12T09:45:23.040Z
Answers.UserDisplayName: exophunk
Body: <p>I'd like to use prefetching (All) or prerendering (Chrome only) to speed up my website performance. It pre-loads websites to instantly load them when navigating to them. Google does it for its #1 Searchresults.</p>
  
  <p><code>&lt;link rel="prerender" href="{{ url('mysubpage') }}"&gt;
  &lt;link rel="prefetch" href="{{ url('mysubpage') }}"&gt;</code></p>
  
  <p>(<a href="http://css-tricks.com/prefetching-preloading-prebrowsing/" rel="nofollow">css-tricks.com/prefetching-preloading-prebrowsing/</a>)</p>
  
  <p>The browser is initializing a prefetch as I can see in my DevTools, but when visiting the page, there is still another normal page load happening instead of using the cached version. I wonder if this is because Craft CMS is returning the HTTP Header </p>
  
  <p><code>Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0</code></p>
  
  <p>on every response? Does this prevent the prefetching? Does it make sense to disable this headers? I didn't found any mention on cache headers being a problem when using <code>&lt;link rel="prefetch"&gt;</code></p>
  
  <p>Thanks for some insights.</p>
  
  <p>Robert</p>
  
Tags: <templating><performance>
Title: Using prefetch or prerender
ThreadText: # Using prefetch or prerender
  
  (Asked by: username_0 on 2015-11-10)
  
  I'd like to use prefetching (All) or prerendering (Chrome only) to speed up my website performance. It pre-loads websites to instantly load them when navigating to them. Google does it for its #1 Searchresults.
  
  `<link rel="prerender" href="{{ url('mysubpage') }}">
  <link rel="prefetch" href="{{ url('mysubpage') }}">`
  
  ([css-tricks.com/prefetching-preloading-prebrowsing/](http://css-tricks.com/prefetching-preloading-prebrowsing/))
  
  The browser is initializing a prefetch as I can see in my DevTools, but when visiting the page, there is still another normal page load happening instead of using the cached version. I wonder if this is because Craft CMS is returning the HTTP Header
  
  `Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0`
  
  on every response? Does this prevent the prefetching? Does it make sense to disable this headers? I didn't found any mention on cache headers being a problem when using `<link rel="prefetch">`
  
  Thanks for some insights.
  
  Robert
  
  **Tags:** templating, performance
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_1 on 2015-11-10. Score: 3 | Accepted answer
  
  Per [Brad's answer](https://craftcms.stackexchange.com/a/2600/1016), PHP is setting the cache control headers on the start of a new user session.
  
  If you want to override this, Craft provides the [{% header %}](http://buildwithcraft.com/docs/templating/header) tag where you can set your own headers. Whether or not that affects Chrome, I couldn't say.
  
  One other thing to note is cookies. [This page](https://support.google.com/chrome/answer/1385029?hl=en) mentions "prerendered or prefetched [pages] may set and read their own cookies as if you had visited them before -- even if you don’t visit the prerendered or prefetched pages after all" which seems to imply it'll use the current page's headers for prefetch requests.
  
  If you do any cookie-based server-side tracking or analytics with Craft, that could wreck a little havoc. (Say your funnel is "load XXX page and then load the contact page." You'd be wondering why people visited the contact page but never filled it out.)
  
  If you use prerender, it looks like Chrome will actually [execute](https://www.chromium.org/developers/design-documents/prerender) any javascript on the page as well, which would also defeat any JS based analytics packages.) Scary.
  
  (For what it's worth, I haven't tested any of these techniques at all but it would be interesting to see what kind of mainstream traction they receive. I can see for a web app it might be more useful.)
  
  
  ---
  
  ### Answer by username_0 on 2015-11-12. Score: 1
  
  Thank you.
  
  It seems that the fetching only works if the returned page is cachable, so I override the headers with the `{% header %}` tag.
  
  ```
  {% set expiry = now|date_modify('+2 minute') %}
  {% header "Cache-Control: max-age=" ~ (expiry.timestamp - now.timestamp) %}
  {% header "Pragma: cache" %}
  {% header "Expires: " ~ expiry|date('D, d M Y H:i:s', 'GMT') ~ " GMT" %}
  
  ```
  
  I now set this on every craft template (respectively on the main layout template) and cache it for two minutes. This gives a lot of performance boost and and allows any kind of prefetching. And with two minutes, outdated content won't be too much of a problem.
  
  To deal with the statistic problem:
  
  Firefox sets a HTTP Header `X-moz: prefetch` on all prefetch requests, which can be used to distinguish prefetch requests from real site views.
  
  Chrome sets a HTTP Header `Purpose:prefetch`. I didn't check how IE is dealing with prefetch requests.
  
  As prefetching is actually [supported](http://caniuse.com/#feat=link-rel-prefetch) by FF, Chrome and IE >=11, I think it is a very useful, performance boosting optimization. It should be used sparely and wisely though.
  
  
  ---
  
  