title: CSS stylesheets at top or bottom? or How to solve blank page issue?
body: <p>I have been putting stylesheets on top (between <code>&lt;head&gt;&lt;/head&gt;</code>) of html. As far as I understand this is the best practice. (e.g. <a href="http://stevesouders.com/hpws/css-bottom.php" rel="noreferrer">http://stevesouders.com/hpws/css-bottom.php</a>)</p>
  
  <p>Anyhow, recently I have experienced different results.
  Instead the codes below will return blank page when test.css is slow, which means I am not experiencing progressive rendering.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" href="test.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  Blah..
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Then when putting test.css at bottom, I get progressive rendering. </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  Blah..
  &lt;link rel="stylesheet" href="test.css" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>As far as I have understood and tought so far, it should be the other way round..
  Probably there are other factors that I have overlooked?</p>