CODEWITHSUNDEEP
csshtml
a_fan
a_fan

Reputation: 387

Why do some webpages have jerky rendering

Please see this link. Notice that the search bar first renders near the top of screen. Then aligns itself to be opposite to the logo. I think some css rules are causing this but I am unable to figure out. Can you please help me in pinpointing the reason. What one should avoid in the code to avoid/minimize this behaviour.

Upvotes: 0

Views: 211

Answers (2)

Dylan N
Dylan N

Reputation: 517

This issue could just be how each browser loads and renders the content, and also on how fast your network can download content. Since there is many multiple Javascript and CSS files it can just be parsing them slowly and configuring the site as it goes while your network and browser is still downloading and loading everything.

I viewed it in Chrome and Firefox and it seemed to load fine for me.

Upvotes: 0

Digger
Digger

Reputation: 738

This almost aways happens when you have a css rule for blocking that is overwriting the previous. The best thing to do is to have the first thing in the css file to be blocking and normalizing. Every time you need something to be in a place or have a specific size, you should go to the blocking section of your code.

But the most preocupying part of the site you shown is the time it takes to load a fancybox css file.

Upvotes: 1

Related Questions