jQuery .load() Queries/Performance

Question

With using the jQuery .load() function, I find that at initial load, my web page performing the .load() routine tends to jolt/flicker for a sec when loading.

Once loaded though, the page is displayed instantaneously.

Can anyone suggest a means of perhaps loading these pages into cache or some other means to prevent this jolt/flicker when loading?

Thanks.

What does jolt/flicker? The page? The page contents? The part you are doing load() on? — Pekka
– Pekka, Commented Aug 8, 2010 at 15:11
Are you using the asynchronous xhr? If it's synched, your page will "freeze" until the data is loaded. — tcooc
– tcooc, Commented Aug 8, 2010 at 15:18
Hi, I am simply using jquery .load() function and it's the actual page contents, i.e. the DIV I am applying the .load() to. — tonyf
– tonyf, Commented Aug 8, 2010 at 23:58

Sahas Katta · Accepted Answer · 2010-11-23 00:31:32Z

2

I had this same issue. Here's a trick. Make sure you load your data into a div that you have hidden with .hide(). Then to make the data you just appended or loaded into there visible, just do .show. This way, it will fade in instead of jolting in. You can also use the jQuery slideDown() or slideUp() which is essentially the same as show().

answered Nov 23, 2010 at 0:31

Sahas Katta

1,7363 gold badges15 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery .load() Queries/Performance

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related