Is it efficient to use more than one Jquery initialization function?

Question

I should have named my question "Jquery initialization function" which includes Jquery methods and variables. Is it efficient to use following examples? Or should I use all methods in one Jquery initialization function ?

<script> 
   /* 1 */
    $(function() {
     //methods 
    });
</script>
<script>
   /* 2 */
    $(function() {
       //methods
    });
</script>

No need to have multiple script tags . if that was what you meant — Amar Singh, Jan 02 '17 at 06:40
You can use as many as you can. But using one is good and not relying on jQuery can also be considered. — Jai, Jan 02 '17 at 06:48
@osdev : You can separate the functions using comments that can add to readability — Amar Singh, Jan 02 '17 at 06:55

score 0 · Answer 1 · edited May 23 '17 at 12:08

Using multiple initialization blocks are okay. They are perfectly valid, and don't add any overhead. In fact many of the plugins have their own $(function() {} blocks. But, there are some implications that can be caused by this, for example, subsequent blocks will not be run if one block has any error. See this answer for more details.

You can check out the answers, and follow the discussions on this thread.

And, lastly, it is always a good practice to search first for the problem.

score 0 · Answer 2 · answered Jan 02 '17 at 09:27

0

I wouldn't worry at this stage. Unless you are doing 100 and 100s of initialsation calls this will most likely not be your bottleneck.

Things like DOM manipulation are far more expensive.

answered Jan 02 '17 at 09:27

Chris

54,599
30
149
186

Is it efficient to use more than one Jquery initialization function?

2 Answers2