Cassol Gadget News, NCK Dongle SPD, Video & Photo Gallery, latest Android Marshmallow, Falcon Box Latest Version, Samsung Galaxy, Infinix Stock Roms, stock firmware

Sabtu, 10 September 2016

Does 'script async' Really Make Javascript Asynchrounous?

Does 'script async' Really Make Javascript Asynchrounous? - every day I always pay attention to many brands that compete in the field of technology, every day they always find new things that are useful for our lives, on blogs Cassol Gadget News we will review new products from many brands in this world, now we will discuss first about Does 'script async' Really Make Javascript Asynchrounous? please refer to the complete information we will convey:

Articles : Does 'script async' Really Make Javascript Asynchrounous?
full Link : Does 'script async' Really Make Javascript Asynchrounous?

You can also see our article on:


Does 'script async' Really Make Javascript Asynchrounous?

You might be wondering, when Google's PageSpeed tells your website has "Render-Blocking Script". After a quick search on Google, finding similar topics on How to remove Render-Blocking Javascript, as stated by PageSpeed Insights. You would find that adding an "async" attribute to the "script" tag would do the job. But unfortunately, after all excitements, the "Don't be Evil" says the same thing again and again.



So, does adding an "async" attribute to the "script" tag really loads a javascript in an asynchronous way?

Well, as per w3cschools, "The async attribute is a boolean attribute. When present, it specifies that the script will be executed asynchronously as soon as it is available.".

Is that correct? Did you check it by yourself? - Well, for me it didn't work out, as I expected.

Here below, I've found two wonderful code snippets that would really make a javascript run asynchronous.

The traditional Javascript way

function loadScript(src, callback)
{
var s,
r,
t;
r = false;
s = document.createElement('script');
s.type = 'text/javascript';
s.src = src;
s.onload = s.onreadystatechange = function() {
if ( !r && (!this.readyState || this.readyState == 'complete') )
{
r = true;
callback();//This function will be fired, after the javascript loaded from the remote URL.
    }
};
t = document.getElementsByTagName('script')[0];
t.parentNode.insertBefore(s, t);
}

The above function will create a "script" tag dynamically and then inserts it before the first "script" tag found in the DOM(Document Object Model).

The Jquery way

$.getScript(url, successCallback);//As simple as eating an Apple pie. ;)

The above code does the same job as the first one. But, the only downfall is, you need to load the Jquery library before doing this.

Thank me for getting your PageSpeed score to the peak. :)

And, let me know your queries through the comments section.



thank you for reading Does 'script async' Really Make Javascript Asynchrounous?

hopefully information about Does 'script async' Really Make Javascript Asynchrounous? can give you the knowledge of gadget technology that keeps growing and you can find technogical products that suits your needs.

you have finished reading article Does 'script async' Really Make Javascript Asynchrounous? if tone intend to share or just bookmark please use link https://rudythecassol.blogspot.com/2016/09/does-async-really-make-javascript.html.

Tag :
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Does 'script async' Really Make Javascript Asynchrounous?

0 komentar:

Posting Komentar