Preload components, page opens with delay after first click

@Corbis wrote:

I am using ionic v4 and lazy loading in my app like

@NgModule({
    imports: [
        RouterModule.forRoot(routes, {
            useHash: false,
            preloadingStrategy: PreloadAllModules,
        })
    ],
    exports: [RouterModule]
})
export class AppRoutingModule {
}

but pages which use ionic elements take some time to show when I click the button for the first time. Repeat clicks show pages much faster.

Here is “Followers” page network tab screenshot after the first click:

click1.png1246×671 35.2 KB

Here is “Followers” page network tab screenshot after the second click:

click2.png1257×465 27.5 KB

Also inserting video example maybe it would be more clear what is the problem:

Screencast-2019-03-26.gif972×512 840 KB

As you see clicking the page second time doesn’t load any js chunks and page opens instantly. So my question is how to preload those js chunks so I can improve user experience when they open my app pages for the first time?

Posts: 1

Participants: 1

Read full topic