DIV vs UL,LI performance

Question

Is there any performance wise difference between DIV and UL html tag if we are designing a complex web page. Which one is lighter and loads faster in browser.If I can design using both div and li, then what should i choose?

Solution 1

They're just tags. There's zero difference whatsoever between them DOM-wise; the only difference is in the rendering (CSS, which you can customize either way) and the meaning (semantics).

If you have a list of things, use a <ul>.

Solution 2

Please check this one, it might be very useful for you to decide

Why should I use 'li' instead of 'div'?

Comments

[user1802597]

So you are saying both will give same performance for the same design?

[Pavlo]

I can confirm it: tag choice is probably the last thing to worry about in website performance optimization. I recommend to start with this tutorial on CSS Tricks.

[Eevee]

yes. you might as well ask whether putting more vowels or consonants will give better performance. (most) tags aren't special at all.