最近、4 つのボタンを備えたナビゲーション バーを備えたページをデザインしました。ユーザーは、それぞれの異なるボタンをクリックすると、別のページに誘導されます。ボタンについては、次のコードを使用しています。
<button type="button" class="subheader-buttons" onclick="window.loation=document.location.href='PAGE 1'">Button 1</button>
4 つのボタンすべてに上記のコードを使用しています。ボタンの代わりにリンクを使用すると有利になるかどうか疑問に思っています。リンクは、ボタンよりも速くページから別のページに移動しますか?
いくつかの正当な理由から、<a href="">overを使用する必要があります。window.location.href
あなたがしていることは、hrefでリンクするだけではなく、javascriptを実行しているためです。
しかし、それでもこれは非常に大きな議論です！
この情報は uxmovement.com から取得しています
Web を見ると、ほとんどの Web サイトではリンクの数がボタンの数を上回っています。この理由は、
ただし、ボタンは反対です。
このウェブサイトで詳細情報を入手できます: http://getlevelten.com/blog/randall-knutson/design-decisions-buttons-vs-links-fight
標準の HTML リンクを使用するのが一般的な方法です。どちらの方法もおおよそ同じくらい高速ですが。
技術的には、ボタンで JS を使用しているため、ブラウザは別のページに移動する前にコードを実行する必要があるため、数分の 1 秒長くかかる場合があります。
JS を使用せずにリンクをボタンにすることができます。
<a href="your-page.html">
<button>Your Page</button>
</a>
リンクの方が早いと思います。どちらの場合も、Web サーバーは href で指定されたリンクに移動します。ただし、リンクはリダイレクトの呼び出しにすぎません。ただし、私が知る限り、ボタンはより多くのデータを Web サーバーに送信し、さらに多くのものがそれに反応します。つまり、オーバーヘッドが増えます。したがって、リンクの方が速い場合があります。ただし、ウェブサイトへのトラフィックが多い場合を除き、実際にはわずかな効果しかないため、それほど重要ではないと思います。おそらく、快適に感じるものを使用する必要があります.
また、リンクを使用しているかボタンを使用しているかに関係なく、javascript を使用してそのようなページに移動するのが最善のアイデアであるとは思わないことも指摘したいと思います。Web ページの提供は Web サーバーの仕事であるため、javascript 呼び出しは最適ではない可能性があります。Web サーバーで使用している言語を使用すると (そうでない場合は、Web サイトのバックエンドの使用を開始することをお勧めします)、ボタンのクリックやページのリダイレクトに簡単に応答できるはずです。これの利点は、必要に応じてページで追加の作業を行うこともできることです。
それは同じだ。必要に応じて使用でき<a href="link"><button></button></a>ます。ただし、javascript を使用して他のページにリンクすると、かなり時間がかかる場合があります。ネットワークを使用して確認できます。
違いは重要ではありません（または人間が気付くことさえあります）。onclickまたはを使用するかどうかについては、他の懸念 (最も重要なのはアクセシビリティ) がありますhref。