title: Are "data URLs" a good way to improve favicon loading speeds?
body: <p>While working in my own website, I'm facing a delay loading time (based on waterflow) for my site's favicon. I tried lots of way to reduce to waterflow delay but failed to manage it. After spending over 3 hours, I've figure out this solution which solve the problem like magic!!</p>
  
  <p>Step 1: Convert favicon into a data-URI ( you can create it from <a href="http://dataurl.net/" rel="noreferrer">here</a> )
  Step 2: Replace your existing favicon with the following code ( use it in function.php or child function)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>function add_favicon() {
   echo '&lt;link rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAICAAAAAAIACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAgBAAAAAAAAAAAAAAAAAAAAA.......=" /&gt;';
  }
  
  add_action('wp_head', 'add_favicon');</code></pre>
  </div>
  </div>
  </p>