title: How much faster is it to use inline/base64 images for a web site than just linking to the hard file?
body: <p>How much faster is it to use a base64/line to display images than opposed to simply linking to the hard file on the server?</p>
  
  <pre><code>url(data:image/png;base64,.......)
  </code></pre>
  
  <p>I haven't been able to find any type of performance metrics on this.</p>
  
  <p>I have a few concerns:</p>
  
  <ul>
  <li>You no longer gain the benefit of caching</li>
  <li>Isn't a base64 A LOT larger in size than what a PNG/JPEG file size?</li>
  </ul>
  
  <p><strong>Let's define "faster" as in: the time it takes for a user to see a full rendered HTML web page</strong></p>