What are the advantages and disadvantages of a web site that contains a single page? [closed]

Question

I would like to code a little web site that will contain several sections like "Home", "Gallery", "Contact Us", "FAQs", and so on.

I thought to do this in one HTML by putting each section in a div and show only one div per time (using Javascript / jQuery), based on the chosen menu button.

Alternatively, I could create a separate HTML page per section, and link these pages to the menu buttons.

What are the advantages and disadvantages of these two methods ?

Answer 1

The first method means longer loading times since you have to load everything on the site up front, and it's totally broken for people who have disabled Javascript or whose browsers don't support it. The second method means the user only has to load the content they are actually looking at, and it should work even with non-Javascript browsers.

Answer 2

The main disadvantages that comes to mind for the first method are:

• Poor SEO: Google will only see your home page as Google bot doesn't execute javascript.
• Back/Forward buttons won't work.
• Takes longer time to load initially.
• As site becomes bigger, it'd need more memory and might slow down the browser and even the machine