# Eliminate render-blocking JavaScript and CSS in above-the-fold content

**URL:** https://discourse.roots.io/t/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/1239
**Category:** uncategorized
**Created:** 2014-02-15T19:18:04Z
**Posts:** 5

## Post 1 by @Rafael — 2014-02-15T19:18:04Z

Hi There,

Is there any way to move the following scripts to the footer??

> /assets/js/vendor/modernizr-2.6.2.min.js  
> [http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js](http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js)

I know that there are some WordPress plugins that insert jQuery in the middle of the page improperly and break things but I’m keeping the plugins to a minimum and want to improve page performance.

Thanks

---

## Post 2 by @Foxaii — 2014-02-15T19:34:43Z

They are both registered in **lib/scripts.php**. If you change the last param of `wp_register_script` from false to true, they will load in the footer.

I wouldn’t recommend it though. More so for Modernizr.

---

## Post 3 by @dpc — 2017-01-12T13:15:02Z

hello - did you ever get around this? My client is hell bent on the max score. My scripts are already below the footer so not sure why i’m even getting this issue.

```
</footer>
<script src="http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201702"></script>
<script src="/sitecontent/wp-content/plugins/wp-retina-2x/js/retina.min.js?ver=2.0.0"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js?ver=2.1.4"></script>
<script src="/wp-content/themes/ampc-sage-85-theme/dist/scripts/main-cc871eaa88.js"></script>
  </body>
</html>
```

> **[Home - Anne Minors Performance Consultancy — AMPC Studio](http://ampc.jynk.net)**
>
> AMPC (Anne Minors Performance Consultancy). We create spaces which enhance and facilitate creative communication. We pay attention to every aspect of audie

---

## Post 4 by @ben — 2017-01-12T15:15:03Z

PageSpeed specifically tells you what files are causing the issue and describes how you can fix them.

> Your page has 2 blocking CSS resources. This causes a delay in rendering your page.

> **Try to defer or asynchronously load blocking resources** , or inline the critical portions of those resources directly in the HTML.

As far as your render-blocking JS, those are all 3rd party and not hosted on your site. The same advice applies:

> **Try to defer or asynchronously load blocking resources**

---

## Post 5 by @ben — 2017-01-12T15:17:55Z

Related threads:

> [@Sage & PageSpeed](https://discourse.roots.io/t/sage-pagespeed/7804):
>
> Since Google is making a big deal of fast loading sites I thought it would be good to start a discussion around what people are doing with Sage to meet good page speed standards. Some topics to start might be the following which mostly help with eliminating render blocking and improve perceived performance. Optimum technique to generate inline critical css for either the entire site or on a page by page basis and use conditional statements to determine what critical css to inline based off pa…

[https://discourse.roots.io/t/critical-path-css-with-sage-gulpfile/4618](https://discourse.roots.io/t/critical-path-css-with-sage-gulpfile/4618)

You’re gonna have to put in some work to get the score that you want
