Lazy loading JavaScript and Inline JavaScript

Question

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

Answer 1

Instead of inline scripts, create inline functions. Then at the end of your javascript file, call the function if it exists.

function inline_script() {.. code ..}

Inside your concatenated jquery+etc async javascript file:

if (typeof(inline_script) == 'function') inline_script()

You'll have to do some shuffling to make sure you only have one inline_script per page, or use some kind of caching to put them together if you call it more than once.

It's still a fun problem in the current age even though this question is old, async scripts = pretty awesome