包含单个页面的网站有哪些优缺点？

Question

我想编写一个小网站，其中包含“Home”，“Gallery”，“Contact Us”，“FAQs”等几个部分。

我想在一个HTML中执行此操作，将每个部分放在div中，并且每次只显示一个div（使用Javascript / jQuery），基于所选的菜单按钮。

或者，我可以为每个部分创建一个单独的HTML页面，并将这些页面链接到菜单按钮。

这两种方法有哪些优点和缺点？

Answer 1

第一种方法意味着加载时间更长，因为您必须预先在网站上加载所有内容，而对于已禁用Javascript或浏览器不支持Javascript的用户来说，它完全被破坏了。第二种方法意味着用户只需要加载他们实际查看的内容，即使使用非Javascript浏览器也应该可以使用。

Answer 2

第一种方法的主要缺点是：

• 糟糕的搜索引擎优化：谷歌只会看到你的主页，因为谷歌机器人不会执行javascript。
• 后退/前进按钮无效。
• 最初加载时间较长。
• 随着网站变得越来越大，它需要更多内存，可能会降低浏览器甚至机器的速度

Answer 3

该方法的优点是速度，导航时不需要往返服务器。

它还有一些缺点，主要是; 您只能链接到首页，而不是直接链接到例如about页面，因为它没有单独的URL。

用户浏览器中的后退按钮将不再起作用。

Answer 4

Javascript解决方案的优点主要是您不需要重新加载对用户来说非常好的页面。

另一方面，您有禁用javascript的访问者，他们无法加载不同的页面。此外，您无法使用浏览器的来回按钮浏览Javascript页面。

我看到的最后一件事是，如果你不是非常小心和有条理，你的代码可能会变得混乱。

Answer 5

搜索引擎优化的一件事 - Googlebot可能只会对主页编制索引，而其他网页对搜索引擎来说实际上是不可见的。