react.dev icon indicating copy to clipboard operation
react.dev copied to clipboard

[Bug]: mouse hover generates too much traffic

Open allevo opened this issue 1 year ago • 3 comments

Summary

When the mouse hovers on something, a download is performed. The cache is not used at all (max-age=0 with must-revalidate). This increase the network usage a lot.

Page

https://react.dev/

Details

https://github.com/reactjs/react.dev/assets/1054125/0d3868ac-10b0-499a-8368-baa71baaaacb

allevo avatar Mar 25 '24 18:03 allevo

Hello @allevo! ~I can no longer reproduce this issue (Mozilla's Firefox). Can you check on your side or specify which browser you see this on (if)?~ Scratch that, I see this happening when running the docs on the site, not locally.

BartoszKlonowski avatar Aug 13 '24 12:08 BartoszKlonowski

I can reproduce it with Chrome, Safari, and Arc browser.

allevo avatar Aug 13 '24 12:08 allevo

Exactly, this will be reproducible with any browser, as this seems to be default behavior of Next.js and the prefetching behavior that can't be simply disabled for hover: https://nextjs.org/docs/pages/api-reference/components/link#prefetch

BartoszKlonowski avatar Aug 13 '24 13:08 BartoszKlonowski