'App bundle reloads on navigation via router navigation

Describe the Bug

We have a next js application, our dynamic routes are handled by next/router.

router.push method is used to push users to different routes. We have been observing that on production build, _app.js bundle gets reloaded during network throttling (slow 3G) if any routes are changed, while it seems to work fine not in slow network.

Is there a way to stop the application from reloading _app and refreshing the application? is there a way to optimise control, code splitting on slower networks?

Expected Behavior Does not load a blank page on route navigation on slow network

To Reproduce Enable Network throttling in chrome, run the application. CTA to invoke a router.push Observe a blank screen while the application is reloaded and the explicit route is called



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source