Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[🐞] Prefetching not working for Link component on mouseover #7219

Open
rdlogout opened this issue Jan 1, 2025 · 1 comment
Open

[🐞] Prefetching not working for Link component on mouseover #7219

rdlogout opened this issue Jan 1, 2025 · 1 comment
Labels
STATUS-1: needs triage New issue which needs to be triaged TYPE: bug Something isn't working

Comments

@rdlogout
Copy link

rdlogout commented Jan 1, 2025

Which component is affected?

Qwik City (routing)

Describe the bug

What im expecting,

When we hover on any anchor tag which nagivates to a new page it should fetch all the neccessary js files to render that page instantenously, but here when u visit the site first time (or empty cache and hard reload)
image
and hover any link eg Page A and wait 2 sec expecting it to prefetch the client side js and then click it then starts fetching the chunks which takes 1-3sec in some case.

In below video when i clear cache and hard reset and click page A it takes some time to navigate and display content of page A.

qwik-prefetch.mp4

Reproduction

https://github.com/rdlogout/qwik-test.git

Steps to reproduce

npm install
npm preview or npm run deploy to deploy to your own cloudflare pages and verify

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11700F @ 2.50GHz
    Memory: 50.13 GB / 63.84 GB
  Binaries:
    Node: 20.11.1 - C:\Program Files\nodejs\node.EXE
    npm: 10.2.4 - C:\Program Files\nodejs\npm.CMD
    pnpm: 8.15.3 - ~\AppData\Roaming\npm\pnpm.CMD
    bun: 1.1.10 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (127.0.2651.105)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    @builder.io/qwik: ^1.11.0 => 1.12.0 
    @builder.io/qwik-city: ^1.11.0 => 1.12.0 
    typescript: 5.4.5 => 5.4.5
    undici: * => 7.2.0
    vite: 5.3.5 => 5.3.5

Additional Information

No response

@rdlogout rdlogout added STATUS-1: needs triage New issue which needs to be triaged TYPE: bug Something isn't working labels Jan 1, 2025
@rdlogout
Copy link
Author

rdlogout commented Jan 1, 2025

https://github.com/user-attachments/assets/11187723-c7e2-4def-b623-603d000d41c2
This is another demo app using sveltekit SPA
when u hover it fetch the client side js which is an ideal behaviour for SPA

https://template.base15log.workers.dev/demo/2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
STATUS-1: needs triage New issue which needs to be triaged TYPE: bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant