title: Using PageSpeed to eliminate render-blocking JavaScript for jQuery
body: <p>I have jQuery added at the bottom of the page. However, when I run my site on pagespeed insights (Mobile), I get the error:</p>
  
  <blockquote>
    <p>Eliminate render-blocking JavaScript and CSS in above-the-fold content
    Your page has 2 blocking script resources and 1 blocking CSS
    resources. </p>
    
    <p>This causes a delay in rendering your page. None of the
    above-the-fold content on your page could be rendered without waiting
    for the following resources to load. </p>
    
    <p>Try to defer or asynchronously
    load blocking resources, or inline the critical portions of those
    resources directly in the HTML.</p>
  </blockquote>
  
  <p>See: <a href="http://learnyourbubble.com" rel="noreferrer">http://learnyourbubble.com</a> and <a href="https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Flearnyourbubble.com&amp;tab=mobile" rel="noreferrer">https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Flearnyourbubble.com&amp;tab=mobile</a></p>
  
  <p>However, the jQuery is added at the bottom of the page. So it should be below the fold. </p>
  
  <p>How can I remove this error?</p>