Hi,

Does the array of components in the "require" of YUI Loader config needs to preserve the sequence?

Thanks.

Hi,

Can you elaborate on what do you mean by if they have dependency, then have to specify in the definition? since your feedback at first was no need to preserve the sequence of its array.

Just in case my question was confusing earlier, I actually would like to know if for example, the following sequence of require components are generated from yui dependency configurator:
require: ["button","datatable","paginator"]

In future, if i want to add calendar, can I add "calendar" in any position in the require array?
yui dependency configurator generates the sequence as :
require: ["button","calendar","datatable","paginator"]

Can I specify it like below ?
require: ["button","datatable","paginator","calendar"]

Thanks.

Oh, btw, I mentioned custom definition, in case you need to define a custom module with a dependency represented by another custom module.

Best Regards,
Caridy

Hello,

Consuming a little bit more memory makes sense in this case because the Loader will have to compute the dependencies, and injecting scripts dynamically. Also because it will be doing some parallel process (loading the scripts and rendering the page), remember that the loader doesn't blocks the loading process just like a normal script tag does.

And yes, the loader is definitely a more elegant solution, easy to maintain, and provides some performance boost in many cases as well.

Best Regards,
Caridy

Hey,

Putting Javascript blocks at the bottom of the page will definitely help. And the main reason is because JS blocks will block the loading/render process until the JS gets downloaded and executed. This technique provides a good performance boost if you have some big JS scripts to load, or if they are not cacheable for whatever reason.

That said, I will like to clarify that loading yui3 seed (~4k), and probably the bootstrap block to initialize your application (~1k), both cacheable files, should not impact your app in terms of performance during the loading process.

And from the user points of view, they will feel like a fastest experience, because the loader will start loading the necessary modules (defined in the bootstrap) early during the loading process (without blocking the render process).

There are not rules for this, you can try both options for your app, profile both solutions, and see what suit better for your app.

Best Regards,
Caridy