title: Using Firebase Storage to render images on web homepage
body: <p>I'm new to both web development and firebase storage.  Usually if I were to make a website with publicly available images, I would just put that image URL into the <code>src</code> attribute of an <code>&lt;img&gt;</code> tag.  And probably if I was using custom content on squarespace or something there would be a way to upload your images so that you could still just add the photo the same way?  But since I'm using firebase hosting I thought I would use firebase storage to store my custom content.</p>
  <p>So if I have a homepage that has images I want to display, is it effective to use Firebase Storage and just call the <code>getDownloadURL</code> method to get a url that I can then inject into my HTML via Javascript?</p>
  <p>I tried one instance of this, and it seems that the page pops up and then the download url came in after (unsurprisingly) but that just gave the whole thing a slow and laggy feel.  Maybe it just feels that way because everything else was local on my machine so it popped up effortlessly, and it would look better when they're all being downloaded?  But that seems kinda expensive in terms of network speed and usage, right?</p>
  <p>Perhaps I'm just calling it in the wrong way (right now the script is referenced in <code>&lt;head&gt;</code> and that's how it's being rendered.  Is there a best practice in terms of rendering content like this?</p>