title: Load image before the other content of the HTML
body: <p>My website is simple one page. a big full page image and 10 line text and some links like privacy policy, terms etc.</p>
  <p>So, when my website load. text load first before image which decrease the user experience. i want image load first before the other content of the page.</p>
  <p>My Code :</p>
  <pre><code>&lt;link rel=&quot;preload&quot; href=&quot;//www.example.com/one/img/ckd.png&quot; as=&quot;image&quot;&gt;
  &lt;link rel=&quot;prefetch&quot; href=&quot;//www.example.com/one/img/ckd.png&quot; /&gt;
  </code></pre>