Script block above the fold on Google PageSpeed Insights about cookie-banner HOT 5 CLOSED

Can you create a jsfiddle (or similar, the point is to create a reduced test case) showing your way of doing async mode loading (and the banner then not appearing)?

from cookie-banner.

Thank you for the answer. I tried in this way: http://jsfiddle.net/o7cr4o6d/1/

If i tried in jsfiddle, with this async mode the banner appeared, but in wordpress it doesn't. Are there other way to load it?

from cookie-banner.

Cool, that's progress (kind of).

It suggests there might be some other scripts queued in WP that are causing conflicts (or even errors). Most likely from your theme and/or plugins. Are there any errors in the console when you try it in WP?

Yes, there are other ways to run/invoke the banner. Load the JS in a <script> tag without id="cookiebanner" (that way it will not auto-start). Then you can create a new Cookiebanner() "instance" yourself and call run() on it (for example from jQuery's ready() function or similar).

You'll just have to configure it completely using a JS object yourself -- see how the tests are done.

from cookie-banner.

It seems that there are no errors. Very interesting the way you suggested. So, i want to try last chance.
I load the JS in script tag with async and remove the "id=cookiebanner". In this way Google PageSpeed is ok! Then how can i proceed ?

Sorry but i'm not a developer, can you update my jsfiddle with code to load new jQuery instance? http://jsfiddle.net/o7cr4o6d/2/

Thank you :)

from cookie-banner.

Something along the lines of http://jsfiddle.net/o7cr4o6d/3/ should hopefully work (once the reference to ../cookie-banner.js is working, obviously, and jQuery is loaded)

from cookie-banner.