How can I reduce jquery load blocking?

Web Site Optimization Help Needed
1

This is a part of my loading graph:

image
image438×558 9.2 KB

Notice how jquery blocks everything after it (including images) yet previous files are all loading in parallel. What can I do to mitigate this? It is used on the homepage so can’t be stuffed in the footer as the last thing to load I’d bet. I have it local for access control and to speed up the request locating it.

Thanks for any hints I can pursue in removing or lessening this blocking delay!

2

Use the Defer attribute to defer your script tag from rendered blocking but if you have some inline jquery, deferring jquery can cause jquery not defined problems that you need to watch out for.