Non onload blocking async JS evolved

Conventional Page

This page will load script files for social buttons at the bottom of the document through DOM injection method which is very popular for loading major 3rd party script asynchronously.

Navigation Timing

Here's the timing of DOM ready (≒domContentLoadedEventEnd) and window.onload (≒loadEventEnd) mesured by Navigation Timing (see browser compatibility).

See more details...

What's the problem ?

In spite of being side contents, loading those 3rd party script files will block firing onload event even though the main contents related files (such as html, css, javascript and images) have already arrived and rendered so that the visitors can start reading.

The timing of onload is one of a good metrics especially for Google Analytics. It could be mesured to know "How long do the visitors have to wait until they can start reading your (main) contents?".

"Blocking onload by 3rd party script" overcharge you for site speed and prevent to get fair rating from search engines such as Google. That's the problem.

Any solutions ?

Of course, spreading your good contents and earning money using those scripts are as important as getting fair rating. There is one fiddling technique to get rid of such blocking behavior. Visit to the Revolutionary Page.