If I may, just to stay on topic, I came looking for similar info. Thank you .
This may seem like a dumb question because I think the answer is obvious but I know next to nothing beyond the minimum, learning as I go....but... I have a wordpress site, and child theme running on the non-wordpress pages which I'm coding freestyle otherwise. and with that said, I have the following that seems to me, to be redundant: http://realshortdata.com/news_commentary/wp-includes/js/jquery/jquery.js?ver=1.11.1 http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js http://realshortdata.com/news_commentary/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1 Now I should mention, wordpress has a database, and all of my "stuff" has its own database. I can render google charts on the wordpress side, which I've already done to some extent using various 'boxes' the theme makes available. I was thinking as a worse case scenario, I could have used iframes.... Do I need to load all of these on all of my (wordpress) pages where I want google charts to render, and vice versa given the wordpress theme (complete with dozens of bootstrap calls and scripts (.js, jquery) of its own exists on the non wp side? On Wednesday, December 3, 2014 1:55:04 PM UTC-5, Sergey wrote: > > You appear to have a chain of google.setOnLoadCallback, which is an odd > style, but shouldn't be affecting your performance. I'd still recommend > that you change the style, though, since it'll be easier for you to make > other improvements once you do. Generally, you should have just one > callback function that draws all the charts. > > From there, we can improve the perceived performance. Each individual > chart doesn't take very long to render, but the durations will add up. If > you do a each draw in a setTimeout, that will let the browser handle > interactivity between each chart draw and schedule each function on its own > time. So at least, the page will load and not remain blank. I attached a > formatted version of your HTML that does this. > > Another technique you might want to try is not rendering the chart until > the div is actually visible on the page. I think this is the same technique > as infinite scrolling, but I've never implemented this myself. Here's a > link to a stackoverflow question that seems relevant: > http://stackoverflow.com/questions/8192651/load-lazy-loading-a-div-whenever-the-div-gets-visible-for-the-first-time > > Hopefully this helps. > > On Wed Dec 03 2014 at 1:23:27 PM Nigel Griffiths <[email protected] > <javascript:>> wrote: > >> Wow thanks for the advice. >> Pretty sure I only load the chart library once. >> >> The attached is a complete small example with just 30 data points per >> graph (14 of them) - which displays in 3 seconds but typically I have 300+ >> data points per graph which takes just 14 seconds but feels s o l o n >> g. >> The data is embedded in the webpage to KISS - as these are generated. >> I think my problem is purely size, I have 14 x 300 = 4200 data point - so >> I am asking for a lot processing. >> Hence getting the first chart to display and then continuing to generate >> the other charts would make the page look responsive. >> Phase two would be getting the data from a web database. >> >> I will look into the OnClick option. >> >> Thanks again, Nigel >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Google Visualization API" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected] >> <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> Visit this group at http://groups.google.com/ >> group/google-visualization-api. >> For more options, visit https://groups.google.com/d/optout. >> > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
