Hi Chad, I was looking at your code and am trying to figure out the DOMContentLoaded piece. My map is very simple so I couldn't figure out how to implement this based on my code at http://www.gamecarver.com/viperapp.html. I looked at your source but couldn't follow very well....kind of over my head.
I also fixed the DIV tags based on the article you sent (BIG thanks for that:) and I used the Closure Compiler mentioned on your blog. That link is here: http://www.gamecarver.com/vipercss.html Thanks, Jack On Wed, May 12, 2010 at 11:02 AM, Jack Berberette <[email protected]> wrote: > Thanks so much Chad! I'm fixing the <div>s now....I was wondering how to > do that :) > > I'm also going to go step by step and implement your suggestions...thanks > for taking the time to help me :) > > I'll definitely checkout PageSpeed too!! > > I'll keep ya up to date as I make progress....thanks again! > > Jack > > > On Wed, May 12, 2010 at 10:34 AM, Chad Killingsworth < > [email protected]> wrote: > >> Oh and one more thing: learn to use and love Google Page Speed (http:// >> code.google.com/speed/page-speed/). >> >> Chad Killingsworth >> >> On May 12, 9:25 am, Chad Killingsworth >> <[email protected]> wrote: >> > It really depends on what your goals are. My goal is to present the >> > user with an interface as fast as possible and then progressively add >> > functionality. With that in mind, here's some suggestions: >> > >> > 1) Dynamically add the maps API on the DOMContentLoaded event. In this >> > way, your basic HTML elements will show up first. You'll need to add a >> > callback parameter to the maps api script source in order to call your >> > initialization function. >> > >> > 2) In your initialize function, initialize the map only. Don't add any >> > layers. Attach an event callback to the "tiles_loaded" event of the >> > map to further customize it (use the addListenerOnce method). >> > >> > 3) In your tiles_loaded callback, add your custom layers. Also move >> > your geolocation code here as well. Currently, the map isn't loading >> > until the location data comes back - and that's SLOW. >> > >> > 4) Implement the offline storage mentioned here: >> http://googlecode.blogspot.com/2010/04/google-apis-html5-new-era-of-m... >> > - it makes a big difference for return visitors. There are a couple of >> > gotcha's with this though. Realize that EVERY resource/url you access >> > must be specified in the manifest file in some way. >> > >> > One more suggestion not related to speed; use this technique to set >> > the map size: >> http://www.alistapart.com/articles/conflictingabsolutepositions/ >> > In this way your map will always be 100% of the screen size (even on >> > rotation) and still leave room for your header and footer. >> > >> > You can see an example of all of these techniques athttp:// >> search.missouristate.edu/map/mobile/ >> > >> > Chad Killingsworth >> > >> > On May 12, 8:48 am, Jack Berberette <[email protected]> wrote: >> > >> > >> > >> > >> > >> > > Hello Everyone, >> > >> > > Is it possible to pre-load or somehow speed up the layers being called >> into >> > > the map? With the AWESOME peoepl from this group, I have my map up >> and >> > > running and am now bringing it in to an iPhone app. It loads in the >> iPhone >> > > but very slowly. >> > >> > > I have used Closure Compiler here: >> http://www.gamecarver.com/compressed.htmlandthatseemed to help a >> > > little >> > >> > > Here's the main map file:http://www.gamecarver.com/viperapp.html >> > >> > > Thanks, >> > >> > > Jack >> > >> > > -- >> > > You received this message because you are subscribed to the Google >> Groups "Google Maps JavaScript API v3" group. >> > > To post to this group, send email to >> [email protected]. >> > > To unsubscribe from this group, send email to >> [email protected]<google-maps-js-api-v3%[email protected]> >> . >> > > For more options, visit this group athttp:// >> groups.google.com/group/google-maps-js-api-v3?hl=en. >> > >> > -- >> > You received this message because you are subscribed to the Google >> Groups "Google Maps JavaScript API v3" group. >> > To post to this group, send email to >> [email protected]. >> > To unsubscribe from this group, send email to >> [email protected]<google-maps-js-api-v3%[email protected]> >> . >> > For more options, visit this group athttp:// >> groups.google.com/group/google-maps-js-api-v3?hl=en. >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Google Maps JavaScript API v3" group. >> To post to this group, send email to >> [email protected]. >> To unsubscribe from this group, send email to >> [email protected]<google-maps-js-api-v3%[email protected]> >> . >> For more options, visit this group at >> http://groups.google.com/group/google-maps-js-api-v3?hl=en. >> >> > PR: wait... I: wait... L: wait... LD: wait... I: wait... wait... Rank: > wait... Traffic: wait... Price: wait... C: wait... > PR: wait... I: wait... L: wait... LD: wait... I: wait... wait... Rank: wait... Traffic: wait... Price: wait... C: wait... PR: wait... <javascript:{}> I: wait... <javascript:{}> L: wait...<javascript:{}> LD: wait... <javascript:{}> I: wait... <javascript:{}>wait... <javascript:{}> Rank: wait... <javascript:{}> Traffic: wait... <javascript:{}> Price: wait...<javascript:{}> C: wait... <javascript:{}> -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
