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

Which is more fast in going from one page to other, a link or a button?

本文关键字：链接 按钮 一个 另一个      更新时间：2023-09-26

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

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

我正在对所有四个按钮使用上面的代码。现在我想知道使用链接而不是按钮是否有优势？ 链接从一个页面到另一个页面的速度是否比按钮快？

我相信

链接要快得多，因为您所做的是执行 javascript，这不仅仅是在 href 中链接它！

但这仍然是一个非常大的争论！

我从 uxmovement.com 获取此信息

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

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

然而，按钮恰恰相反。

  • 按钮需要花费更多时间和精力来创建
  • 按钮可以有不同的大小、颜色和样式
  • 按钮有时会使内容黯然失色

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

你应该使用 <a href=""> 而不是 window.location.href ，有几个很好的理由。

  • 首先，如果你禁用了javascript，那么没有任何链接将起作用。
  • Google Bot 不解释 javascript，因此它们不会跟踪您的任何链接。

有关更多信息： window.location.href vs 点击锚

点

使用标准的HTML链接是执行此操作的常用方法。尽管这两种方法的速度大致相同。

从技术上讲，由于您将JS与按钮一起使用，因此浏览器必须在将您发送到其他页面之前运行代码，因此可能需要几分之一秒的时间。

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

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

>是一样的。如果需要，您可以使用<a href="link"><button></button></a>。但是，使用javascript链接到其他页面可能需要非常慢的时间，您可以使用网络进行检查

我认为链接会更快。在这两种情况下，Web 服务器都将转到 href 指定的链接。但是，链接就是 - 重定向的调用。但是，据我所知，一个按钮会向Web服务器发送更多的数据，并且还会有更多的东西对它做出反应 - 也就是更多的开销。因此，链接可能会更快。但是，除非您的网站有很多流量，否则它实际上只会产生边际影响，所以我认为这无关紧要 - 您可能应该选择您觉得舒服的任何东西。

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

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

相关文章：