はてなブックマーク

事前準備 実際にコードを動かす前に不要なリクエストを打ち切った場合とそうでない場合の違いをわかりやすくするためにブラウザの開発者ツールから通信速度の調整をします。 ネットワークタブを開いて以下の画像のように No throttling をクリックし Slow 3G を選択してください。こうすることで通信速度が遅くなり、不要なレンダリングが発生しないことがわかりやすくなります。 リクエストを中止しない場合とする場合のレンダリングの違い 実際に実装したものはこちらです。 リクエストを中止しない場合の挙動を見たい時：Not Cancel Fetch をクリック リクエストを中止する場合の挙動を見たい時：Cancel Fetch Fetch をクリック /1の URL にアクセスした場合、ユーザー ID が 1 のものを取得しブラウザに表示しています。4 つのボタンがありますが、それぞれのボタンの