# Page building good practices

**URL:** <https://community.weweb.io/t/page-building-good-practices/8373>\
**Category:** Tips and Hacks\
**Created:** [April 30, 2024, 4:58pm UTC](https://community.weweb.io/t/page-building-good-practices/8373 "2024-04-30T16:58:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Corner](https://avatars.discourse-cdn.com/v4/letter/c/f0a364/32.png) [@Corner](https://community.weweb.io/u/Corner)\
**Post date:** [April 30, 2024, 4:58pm UTC](https://community.weweb.io/t/page-building-good-practices/8373/1 "2024-04-30T16:58:50Z")

</div>

Hello there,  
I wanted to know a little about your way of building a page in Weweb : currently, I’m building a page thanks to some divs, that are included in some containers, that are included in some section.  
Is it right/wrong ? How do you do ?  
Looking forward to hearing from you 🙂

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [April 30, 2024, 5:55pm UTC](https://community.weweb.io/t/page-building-good-practices/8373/2 "2024-04-30T17:55:23Z")

</div>

Hi @Corner 👋

That sounds perfect 🙂

What other options did you have in mind?

Some general guidelines I would keep in mind:

- keep the number of elements lean in your layout (the HTML tree equivalent in standard code), a crowded page hurts user experience and performance
- whenever possible, try using [multi-page sections](https://docs.weweb.io/pages/multi-page-sections.html) to optimize the performance of your app
- [conditional rendering](https://docs.weweb.io/css-and-styling/conditional-rendering.html) is your friend

---

<div class="post-metadata">

**Author:** ![Corner](https://avatars.discourse-cdn.com/v4/letter/c/f0a364/32.png) [@Corner](https://community.weweb.io/u/Corner)\
**Post date:** [May 1, 2024, 9:25am UTC](https://community.weweb.io/t/page-building-good-practices/8373/3 "2024-05-01T09:25:53Z")

</div>

Hi @Joyce, thanks for quick reply !  
That’s my point, I didn’t really know how to build a page and struggled to understand difference of use between containers, divs, flexboxes, sections etc, but happy to hear that this is the good hierarchy to build page !  
Regarding your first your point, this is where the web design science takes place right ? Having just the right amount of information on a page. I will thus make sure of this.  
I will also read about multi-page sections and conditional rendering.  
Thank you 🙏

---

<div class="post-metadata">

**Author:** ![Corner](https://avatars.discourse-cdn.com/v4/letter/c/f0a364/32.png) [@Corner](https://community.weweb.io/u/Corner)\
**Post date:** [May 1, 2024, 10:01am UTC](https://community.weweb.io/t/page-building-good-practices/8373/4 "2024-05-01T10:01:37Z")

</div>

Last quick question : what is the difference between a multi-page sections and reusable component (displayed in green) ?