title: Uncaught ReferenceError: LazyLoad is not defined
body: <p>I'm using this lazy load script: <a href="https://github.com/verlok/lazyload" rel="nofollow noreferrer">https://github.com/verlok/lazyload</a></p>
  
  <p>As recommended there, I've added this script just before my <code>&lt;/body&gt;</code> tag:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      (function(w, d){
          var b = d.getElementsByTagName('body')[0];
          var s = d.createElement("script"); s.async = false;
          var v = !("IntersectionObserver" in w) ? "8.7.1" : "10.5.2";
          s.src = "https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/" + v + "/lazyload.min.js";
          w.lazyLoadOptions = {}; // Your options here. See "recipes" for more information about async.
          b.appendChild(s);
      }(window, document));
  &lt;/script&gt;
  &lt;script&gt;
      new LazyLoad();
  &lt;/script&gt;
  </code></pre>
  
  <p>However, I'm getting the Google Chrome console error:</p>
  
  <blockquote>
    <p>Uncaught ReferenceError: LazyLoad is not defined</p>
  </blockquote>
  
  <p>I tried setting <code>s.async = false</code>, but that does not help.</p>
  
  <p>How can I prevent this error?</p>