lazy loading of java script in php

Question

I am using the Google visualization for drawing graphs into my website. This involves a lod of java script.

 <script type="text/javascript" src="http://www.google.com/jsapi"></script>
 <script type="text/javascript">
 google.load('visualization', '1', {packages: ['annotatedtimeline']});
 </script>

These two lines of script takes at least 5 to 8 sec to load initially. How ever i use the graph feature in my website after sometime of the initial page load and not immediately. So i was wondering instead of slowing down the page load by 5 sex for the script to load can i do a lazy load of java script parallel to my page load. This will make my initial page load faster. Can this be done, if so please let me know syntax and also some link providing the documentation if any.

Darin Dimitrov · Accepted Answer · 2010-02-24 07:17:11Z

2

Put all the script tags immediately before the closing body tag as per this YSlow recommendation.

answered Feb 24, 2010 at 7:17

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vinod Over a year ago

Some of the on load scripts do not get executed untill the above scripts are loaded. This causes some UI problems on my page.

Mic Over a year ago

@vinodtiru, you can try to put all your SCRIPT tags in the right order before the BODY end tag, and remove the onload handling.

casraf · Accepted Answer · 2010-02-24 08:45:21Z

0

Put it as lower as you can at the page, meaning closer to the end tag. Your page will load all its contents before delaying further to load the JS.

answered Feb 24, 2010 at 8:45

casraf

21.8k10 gold badges60 silver badges93 bronze badges

Comments

Killroy · Accepted Answer · 2010-02-24 09:47:01Z

0

You can also experiment with the DEFER attribute and placing the script tag into a separate head tag:

http://www.hunlock.com/blogs/Deferred_Javascript

answered Feb 24, 2010 at 9:47

Killroy

9511 gold badge13 silver badges27 bronze badges

Collectives™ on Stack Overflow

lazy loading of java script in php

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related