Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a page built with hundreds of div containers (don’t ask why :). I know it is not too elegant, but is it resource-expensive to render? Should I worry about optimization?
Depending on the device and the contents of the divs. Having created 12 div deep nesting, shadows, rounded corners, css3 transforms etc for testing on an iPad 1, it was as smooth as it gets when navigating. Total in excess of 70 divs caused nothing to slow down. Having up to 200 divs with not overly complex rules, content etc shouldn’t cause real problems in modern browsers/devices. Also have had to work with a page that is over 40 MB with images, complicated structure and so on, and at least the couple of generations old Mac Mini handles it perfectly.
All in all I wouldn’t worry too much about it. However, depending of your precise solution, this might not be true, but if you don’t try to do too much HTML/CSS/JS/Flash magic inside the divs, you ought to be just fine. Some mobile browsers might differ too, though. Slower Androids, for example, are probably not gonna be able to handle it smoothly.