addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1launch-new-window--smalllight-bulblinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Re: [seattlejs] Delaying loading of scripts for faster page loads

From: ⓕⓣ
Sent on: Thursday, May 10, 2012 12:10 PM
requirejs seems to be the "standard" from what i've seen, specially in a world with node (and if you're doing compiling). also see head, labjs, and lazyload. personally, i've enjoyed using yepnopejs (which is now baked into modernizr).


On Thu, May 10, 2012 at 11:47 AM, Jeff Lembeck <[address removed]> wrote:
I tend to use require.js for handling modular loading.

It's really fanastic for the purpose of handling dependencies as well.

http://requirejs.org/



On Thu, May 10, 2012 at 11:33 AM, Tony Bentley <[address removed]> wrote:
> To answer question #1, I've had great success with head.js for controlling blocking and non-blocking JS resource loading.
>
> -Tony
>
>
>
> On May 10, 2012, at 10:44 AM, Jennifer Simonds wrote:
>
>> I was struggling with 3rd-party page widgets that immediately load in
>> JavaScript files, thus slowing down the page load. Disqus was the real
>> killer for me - it loads in around a dozen scripts & css files! Some of my
>> pages rely on AJAX to initialize the page's contents, so they became
>> embarrassingly slow to load.
>>
>> So I wrote a class, LateLoad.js, that makes it easy to delay loading
>> external scripts until window.onload, $(document).ready, a fixed timeout, or
>> when you explicitly tell it it's OK to load. It works like a champ on all
>> but one of the few widgets I've used it for.
>>
>> http://www.atomicjetpacks.com/blog/6/lateload-a-javascript-class-to-delay-widget-loading
>>
>> I have 2 questions:
>>
>> 1. I've seen scattered blog & StackOverflow posts on this subject, & Steve
>> Souders writes at length about some techniques to use, but is there a class
>> or library that "everyone" already uses to accomplish this? If I'm
>> reinventing some wheel that everyone already uses & is happy with, it might
>> not be worth it for me to push this out there on the world.
>>
>> 2. If you try LateLoad, could you please report back your results - good or
>> bad - in the comments on my site so I can build up a compatibility list? The
>> results would drive future development.
>>
>> Thanks!
>> Jenny Simonds
>> W. Seattle
>>
>>
>>
>>
>>
>> --
>> Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
>> http://www.meetup.com/seattlejs/
>> This message was sent by Jennifer Simonds ([address removed]) from Seattle JS.
>> To learn more about Jennifer Simonds, visit his/her member profile: http://www.meetup.com/seattlejs/members/13490690/
>> Set my mailing list to email me
>>
>> As they are sent
>> http://www.meetup.com/seattlejs/list_prefs/?pref=1
>>
>> In one daily email
>> http://www.meetup.com/seattlejs/list_prefs/?pref=2
>>
>> Don't send me mailing list messages
>> http://www.meetup.com/seattlejs/list_prefs/?pref=0
>> Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]
>>
>
>
>
>
> --
> Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
> http://www.meetup.com/seattlejs/
> This message was sent by Tony Bentley ([address removed]) from Seattle JS.
> To learn more about Tony Bentley, visit his/her member profile: http://www.meetup.com/seattlejs/members/6840069/
> Set my mailing list to email me
>
> As they are sent
> http://www.meetup.com/seattlejs/list_prefs/?pref=1
>
> In one daily email
> http://www.meetup.com/seattlejs/list_prefs/?pref=2
>
> Don't send me mailing list messages
> http://www.meetup.com/seattlejs/list_prefs/?pref=0
> Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]
>




--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
http://www.meetup.com/seattlejs/
This message was sent by Jeff Lembeck ([address removed]) from Seattle JS.
To learn more about Jeff Lembeck, visit his/her member profile: http://www.meetup.com/seattlejs/members/12086345/
Set my mailing list to email me

As they are sent
http://www.meetup.com/seattlejs/list_prefs/?pref=1

In one daily email
http://www.meetup.com/seattlejs/list_prefs/?pref=2

Don't send me mailing list messages
http://www.meetup.com/seattlejs/list_prefs/?pref=0
Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]


Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy