[howardbc14]

I am building a web page with the game Jeopardy! built into it. Right now, my jQuery file is 24KB and the browser freezes quite often. I checked my code repeatedly through the use of web developer tools and I am positive that no coding errors (never-ending while loops) exist. Thus, I was wondering if the file size could have anything to do with the browser freezing. Thus, I am wondering what the optimal size of jQuery files is.

[Dormilich]

it’s not likely that the size is at fault. remote resources like script/style files and images usually get cached by the browser.

you would need to do some profiling on your code.

This post has been edited by Dormilich: 23 February 2016 - 02:21 AM

[howardbc14]

Dormilich, on 23 February 2016 - 02:21 AM, said:

it’s not likely that the size is at fault. remote resources like script/style files and images usually get cached by the browser.

you would need to do some profiling on your code.

So do you mean that I need to find ways to make my jQuery code more concise?

I am using functions for code that will be used across different situations to avoid code repetition by simply making function calls.

[ArtificialSoldier]

It really sounds like there's a loop or something. This isn't 2001 any more, the browser won't just pause while executing Javascript for no reason. It sounds like there is a loop that is tying the browser up. Using a code profiler will tell you what parts of the code take the most time to execute. Modern browsers have profilers built in to their developer tools to help you figure that out.

This has nothing to do with file size, I have applications that have well over 1MB of Javascript code and every modern browser will handle that just fine. It might take a couple seconds to download the code initially, but once that finishes it's not waiting for anything.

The other issue might be updating the page through the DOM. If you are doing a lot of updates to a lot of elements then the browser will spend time redrawing the page for each update.