title: Why is the browser making multiple requests to the page URL?
body: <p>Here is a <a href="https://dwbi.org/pages/35/dimensional-modeling-approach-for-various-slowly-changing-dimensions" rel="nofollow noreferrer">page</a> from my website. </p>
  
  <p>When browsers, such as Firefox and Safari load this page, they are requesting the same document multiple times. See the screenshot from developer tool below.</p>
  
  <p><a href="https://i.stack.imgur.com/OkYVq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OkYVq.png" alt="enter image description here"></a></p>
  
  <p>For the 3 lines pointed above, browser requests and server responses are exactly same except <code>Accept</code> headers are slightly different.</p>
  
  <p>For the <strong>1st</strong> request, request header is:</p>
  
  <pre><code>Host: dwbi.org
  User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:67.0) Gecko/20100101 Firefox/67.0
  Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
  Accept-Language: en-GB,en;q=0.5
  Accept-Encoding: gzip, deflate, br
  Connection: keep-alive
  Referer: https://dwbi.org/categories/11/dimensional-model
  Cookie: xxxxx
  Upgrade-Insecure-Requests: 1
  Cache-Control: max-age=0
  </code></pre>
  
  <p>And for the <strong>2nd</strong> and <strong>3rd</strong>, request header is exactly same (but different from the <strong>1st</strong> - see <code>Accept</code>):</p>
  
  <pre><code>Host: dwbi.org
  User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:67.0) Gecko/20100101 Firefox/67.0
  Accept: image/webp,*/*
  Accept-Language: en-GB,en;q=0.5
  Accept-Encoding: gzip, deflate, br
  Connection: keep-alive
  Referer: https://dwbi.org/pages/35/dimensional-modeling-approach-for-various-slowly-changing-dimensions
  Cookie: xxxxx
  Cache-Control: max-age=0
  </code></pre>
  
  <p>These multiple requests are getting registered as 3 different visits in backend. Why browsers are sending these multiple requests and how do I prevent them?</p>