javascript - Angular2 - sidan laddas långsammare när man byter mellan sidor

Jag har för närvarande en ganska stor Angular2-applikation. Inuti applikationen har jag en sida som listar en massa produkter och när du klickar på en produkt tas du till produktsidan.

Det finns ingen särskilt komplex kod i någon av dessa komponenter, bara några API-anrop.

När jag växlar fram och tillbaka mellan produktsidan och produkts detaljsida (klickar på en produkt på produktsidan => produktdetalj => produktsida => annan produktdetalj => produktsida => annan produktdetalj ... osv) blir allt mycket långsamt och tar evigheter att ladda eller slutar ladda helt. URL:en går vanligtvis till rätt sida väldigt snabbt, men sedan laddas sidan inte på upp till ungefär 20 sekunder... det är galet. Det känns nästan som om en händelseloop blir igensatt, men jag är inte säker på vad det är. Kan någon förklara för mig vad som händer och varför det är så långsamt?

Jag har också dessa prenumerationer i mina komponenter, jag är inte särskilt bekant med prenumerationer och är inte säker på om de kan orsaka några problem:

I produktlistkomponenten:

checkCategoryQuery() {
    this.activatedRoute.queryParams
        .subscribe(params => {
            var params1: any = params;
            if (params1.category) {
                var category = params1.category;
                this.filterByCategory(category)
            }
            else {
                this.$grid.isotope({
                    sortBy: 'points',
                    sortAscending: false
                });
            }
        })
}

I produktdetaljkomponenten:

getParameter() {
    return this.activatedRoute.params
        .first()
        .toPromise()
        .then(params => {
            return params['reward-name'];
        })
}