SSR on categories

[royduin]

A POC for "SSR" on categories (generated by Claude). Real SSR is handled by Vue but we can't use that as our templates aren't within Vue files. We're using Blade Components so Vue is parsing the complete DOM each request. How this is working:

• First category visit renders the listing client side and triggers a job
• The job opens the same page with Puppeteer and captures the listing DOM (by using spatie/browsershot) and saves it in the cache
• The next category visit renders the HTML from the cache and when Vue is ready it replaces it

Questions:

• How long should we keep the HTML and when should we clear it? Only on rapidez:index and rapidez:index:update?
• Do we also want this on categories with active filters? Cache will explode...
• Does this also improve the LCP?
• Does this impact the server performance?
• Does Chrome cleans up nicely? Previously with Dusk we'd some /tmp size issues.

Example with "slow 4G" throttling:

Before

before.mov

After (watch the ms speed to see when it replaces)

after.mov

Ref: FW-2594