Feature codesplitting per route

[patzick]

Note

It's new copy of 2062. Accidentally merge there another changes so here's clean version of PR.

Short description and why it's useful

Code should be invoked only which is needed per route. The rest of if should be prefetched.

By default i prefetched:

• home page
• product page
• category page
• checkout page - as it was prefetched before, but another way

Screenshots of visual changes before/after (if there are any)

On demo page, served from server after build whis should be even better, but just on local is an improvement:

homepage before and after

category before and after

[pkarw]

Cool! @filrak WDYT?

[patzick]

After resolving hydration problems, results are even better on PWA and SEO :)

For homepage:

For category page:

[pkarw]

Awesome! By this chance can you also check the service worker registration code? Currently it’s registering the service worker ONLY on home page - it’s because the given service worker url is relative :/ it’s probably in service-worker-registration.js or in client-entry.js

Anyway: it’s cool you’ve solved the hydration problem

[filrak]

This pull request deserves a bottle of vodka :D

[patzick]

@pkarw sure, i'll try to fix this (already did some digging), i think it's better to work on this in another PR

@filrak thanks buddy, but you've made a lot better upgrades! ;D