从一个页面到另一个页面，链接或按钮哪个更快？

Question

最近我设计了一个带有四个按钮的导航栏的页面。在点击每个不同的按钮时，用户被引导到不同的页面。对于我正在使用以下代码的按钮，

<button type="button" class="subheader-buttons" onclick="window.loation=document.location.href='PAGE 1'">Button 1</button>

我将以上代码用于所有四个按钮。现在我想知道使用链接而不是按钮是否有利？链接是否比按钮更快地从一个页面到另一个页面？

Answer 1

我相信链接要快得多，因为你所做的是执行javascript，而不仅仅是在href中链接它！

但这仍然是一场非常大的辩论！

我从uxmovement.com

获取此信息

当我们查看网页时，链接数量超过了大多数网站上的按钮。原因是因为

• 链接更容易创建
• 链接简单且充足
• 链接不会掩盖内容

然而，按钮恰恰相反。

• 按钮需要更多时间和精力来创建
• 按钮可以有不同的尺寸，颜色和样式
• 按钮有时可以掩盖内容

您可以在此网站上获得更多信息： http://getlevelten.com/blog/randall-knutson/design-decisions-buttons-vs-links-fight

Answer 2

您应该使用<a href="">而不是window.location.href，原因有几个。

• 首先，如果禁用了javascript，则无法使用任何链接。
• Google Bot不会解释javascript，因此他们不会关注您的任何链接。

了解更多信息：window.location.href vs clicking on an Anchor

Answer 3

使用标准HTML链接是常用的方法。虽然两种方法都大致相同。

从技术上讲，因为您在按钮上使用JS，所以浏览器必须先运行代码才能将您发送到其他页面，这样可能需要更长的时间。

您可以在不使用JS的情况下将链接设为按钮：

<a href="your-page.html">
<button>Your Page</button>
</a>

Answer 4

它是一样的。如果需要，您可以使用<a href="link"><button></button></a>。 但是，使用javascript链接到其他页面可能会慢一点，你可以使用网络检查

Answer 5

差异不大（甚至人类也不会注意到）。关于是否使用onclick或href还有其他问题（最重要的是可访问性）。

Answer 6

我认为链接会更快。在两者中，Web服务器将转到href指定的链接。但是，链接就是这样 - 调用重定向。但是，据我所知，一个按钮向Web服务器发送了更多的数据，还有更多的东西对它做出反应 - 也就是更多的开销。因此，链接可能更快。然而，除非你的网站有很多流量，否则它只会产生边际效应，所以我认为这并不重要 - 你可能应该选择任何你觉得舒服的东西。

我还想指出，我不认为使用javascript导航到页面，这可能是最好的主意，无论您使用的是链接还是按钮。服务网页是网络服务器的工作，因此javascript调用可能不是最好的。使用您用于Web服务器的语言（如果不是，那么我建议您开始使用您的网站的后端），您应该能够轻松地响应按钮单击/页面重定向。这样做的好处是它还允许根据需要在页面上完成任何额外的工作。