proxying via SWA CLI is slow

[bzbetty]

Using SWA proxying to a react site using vite.

If I access the vite site directly the site loads almost instantly

but when proxying via SWA it takes ~10 seconds

I originally thought it might be a http 1 vs http 2 thing, but both are served using http 1/1 without SSL.

Looking at individual requests there's a huge difference that I can't figure out

Is this a limitation of SWA CLI or am i maybe doing something wrong in the config?

[manekinekko]

Hi, do you have a repo that I can use to investigate the issue?

[bzbetty]

made a small reproduction in this repo - https://github.com/bzbetty/staticwebapp-bug-repro

npm i + npm start

Then look at the response times on localhost:3000 vs localhost:4280

[bzbetty]

@manekinekko is there anything else I can do to help with this?

[manekinekko]

Thank you, @bzbetty! I am planning on digging into this asap. Will keep you posted.

[manekinekko]

Hi @bzbetty so after investigating the issue, I found out about the cause. I'll send a fix that's gonna boost the performance of the local dev experience by ~70%. Thank you again for reporting this performance issue 👍

Vite dev server:

SWA CLI

Here is a graph showing the perf boost.

Please note that given how the SWA CLI local emulator is architecture, it's challenging for us to beat the framework dev server. This is why the numbers of the SWA CLI load time are slightly higher than the framework dev server HTTP server.

FWIW, when configuring the SWA CLI to connect to your dev server, we are basically proxying all requests to that dev server, and this obviously adds some extra time to the overall load time.

sequenceDiagram
    participant Browser
    participant SWACLI
    participant ViteCLI
    Browser->>SWACLI: GET index.html
    SWACLI->>ViteCLI: GET index.html
    ViteCLI->>ViteCLI: Read html content from disk
    ViteCLI->>SWACLI: html content
    SWACLI->>Browser: html content

Loading

[bzbetty]

That's amazing news, well done!