Load JQuery Asynchronously Improves Website Speed
The popularity for using JQuery on websites have grown in recent years, and as high as 40% of websites out in the Web are employing JQuery. It is common in seeing web developers to use JQuery for sliding animations, form error checks, and interactive functionalities on websites. Many website owners do not realize that their website speed performance is impacted as the popularity for JQuery increases.
This is getting worrysome for website speed performance, as JQuery continues to improve and increases in file size. A recent case study done by Microsoft suggests that website speed performance has improved by loading JQuery asynchronously, and has brought incremental business value in getting more search and on-page clicks. Excited by case study results, I proceeded to experiment with the JQuery Loader that asynchronously loads JQuery for web pages.
Here is a screenshot of the waterfall chart of the web page, prior to the experiment. And it is true enough, the JQuery file is indeed blocking other content from rendering.
Summary Table – Before Experiment
Waterfall Chart – Before Experiment
Now let us see the results of the waterfall chart after the implementation to load JQuery asynchronously on the web page. The JQuery file no longer blocks other content from loading, and tremendously improved on the Start Render Time from 1.598s to 0.479s. Overall, the Load Time for the web page has improved from 4.479s to 3.429s.
Summary Table – After Experiment
Waterfall Chart – After Experiment
Asynchronous loading of JQuery file do improve the load time for websites. Unfortunately, I was not able to obtain the analytics to depict any business benefits increment, i.e. search clicks, bounce rate, on-page clicks, for this experiment. You might want to implement the asynchronous JQuery loading on your website, and share your findings.
Cheok Lup is a data driven & hands-on practitioner in digital marketing, who has acquired more than 10 years of expertise in web development, web analytics, enterprise level SEO, paid search, and performance marketing strategies & tactics. He has worked with established global firms – GlobalSources.com, Accenture Interactive, SAP, educational institutions – Singapore Management University (SMU), small-medium businesses (SMBs/SMEs), and start-ups.