Lazy loading JavaScript and Inline JavaScript

Question

I noticed in the of my site (for work), there are a lot of and <

Answer 1

You can actually lazyload inline javascript: 1- Change the type parameter in the inline script to: text/delayscript

FROM

To

Giving the script tag a custom Mime type text/delayscript forces the browser to ignore its content (Please note that leaving it out entirely will default to text/javascript).

2- Lazy load all inline scripts Once heads.js (Or an other framework you might be using) confirms that it lazy loaded all your external JS, you can then grab the content of all your custom script tags and inject them in the page: