Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

[Adobe Launch] How to calculate page load times for website built in Angular?

Avatar

Avatar
Validate 1
Level 2
adilk
Level 2

Likes

10 likes

Total Posts

67 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 2
adilk
Level 2

Likes

10 likes

Total Posts

67 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
adilk
Level 2

26-05-2019

I have a website that has been built in Angular.

As there is no full round trip between page loads, using performance.timing metrics is unreliable.

performance.timing.loadEventEnd for page 1 and page 2 will remain the same as only content is refreshed.

If I were to use performance.timing.loadEventEnd - performance.timing.navigationStart as a metric, it would be grossly inaccurate number for page 2 as only page 1 would have full round trip.

If performance.timing events are unreliable, what data can I pull from Angular and should this be passed as a dataLayer object to read in Adobe Launch?

Thanks.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Coach
MVP
ursboller
MVP

Likes

521 likes

Total Posts

1,020 posts

Correct Reply

256 solutions
Top badges earned
Coach
Contributor
Bedrock
Seeker
Springboard
View profile

Avatar
Coach
MVP
ursboller
MVP

Likes

521 likes

Total Posts

1,020 posts

Correct Reply

256 solutions
Top badges earned
Coach
Contributor
Bedrock
Seeker
Springboard
View profile
ursboller
MVP

27-05-2019

so far, we decided not to track PageLoadTimes in our Angular application since we don't get the resources for implementation.

as a possible solution you need at least 2 timestams:

1) user clicks on a link

2) application/browser finished updating the page

so basically your devs need to save a timestamp when user clicks on any link (and save locally). the second timestamp needs to be saved when browser either received data or updated the page.  the difference of those timestamps should be added to the dataLayer together with all page information.

maybe this link can help: https://stackoverflow.com/questions/36979907/how-to-calculate-the-page-load-time-for-angular-js-appl...

Answers (0)