Responsive Classic Template BLINKS when clicking links

[kobra]

Yours blinks too, kobra ...

I guess it does....

[DrByte]

Allot of the "blinking" has to do with render-blocking JavaScript and CSS in above-the-fold content.

I first noticed this when jQuery CDN was added to the html_header.php

Just my opinion

Ray, do you have a suggestion for fixing that?
The jquery CDN was put in html_header in order to allow the zillion other plugins that dump jquery-dependent mods into the top or body of the page, instead of waiting for them to load in the footer.

[rbarbour]

Chris,

Where jQuery CDN is fine in the html_header, it should be included as Asynchronous JavaScript though.

Sometimes simple is better!

<script type="text/javascript" async src="//code.jquery.com/jquery-1.12.0.min.js"></script>

<script type="text/javascript" async src="<?php echo $template->get_template_dir('.js',DIR_WS_TEMPLATE, $current_page_base,'jscript'); ?>/jquery.min.js"></script>

Note: asynchronous scripts should not use document.write

Adding the async keyword to the script tag tells the browser that it should not block the DOM construction while it waits for the script to become available - this is a huge performance win!

Ray, do you have a suggestion for fixing that?
The jquery CDN was put in html_header in order to allow the zillion other plugins that dump jquery-dependent mods into the top or body of the page, instead of waiting for them to load in the footer.

[DrByte]

So then a jquery plugin that's loaded without the 'async' attribute will still run into problems though, right? (or, at least if the async call to the jquery CDN hasn't finished loading yet)

[rbarbour]

Correct

So then a jquery plugin that's loaded without the 'async' attribute will still run into problems though, right? (or, at least if the async call to the jquery CDN hasn't finished loading yet)

[lat9]

So, what's the choice in this scenario for a plugin that needs jQuery? Should the plugin load its jQuery bit with the async attribute as well?

[rbarbour]

Honestly,

I'll have to look at this more, the solution provided works and prevents the blank or "blink" before page loads but it isn't a solution for the vast majority and will require all jscript to include that attribute.