WebPagetest Forums
Waterfall view not showing up data for click or scroll events - Printable Version

+- WebPagetest Forums (https://www.webpagetest.org/forums)
+-- Forum: WebPagetest (/forumdisplay.php?fid=7)
+--- Forum: Bugs/Issues (/forumdisplay.php?fid=10)
+--- Thread: Waterfall view not showing up data for click or scroll events (/showthread.php?tid=14244)



Waterfall view not showing up data for click or scroll events - anilpothala - 03-15-2016 09:08 AM

HI Guys,

We are testing pagination and want to compare load time between page1 and page2. we have script ready to navigate from page1 to page2 but the waterfall view is not showing up the page2 load.

we only see load times in waterfall view for this step.
navigate http://www.walmart.com/search/?query=toddler%20toys&typeahead=toys&cat_id=0
but not for
execAndWait document.querySelector('ul.paginator-list>li:nth-child(2)>button').click()

Script:-
--------
combineSteps
navigate http://www.walmart.com/search/?query=toddler%20toys&typeahead=toys&cat_id=0
execAndWait document.querySelector('ul.paginator-list>li:nth-child(2)>button').click()

Test :-
-------

http://www.webpagetest.org/result/160315_3N_CB/


Thanks,
anil.


RE: Waterfall view not showing up data for click or scroll events - pmeenan - 03-16-2016 01:09 AM

Not sure if it was an issue with that test location, an intermittent issue or something else but I just ran it on the Dulles Thinkpad's and it looks to have navigated correctly: http://www.webpagetest.org/result/160315_CS_ffb2d31f40066d8f78058cbde06268e0/

Only change I made was that the execAndWait command had a space after the tab and before "document..." that I removed but that shouldn't cause any issues.


RE: Waterfall view not showing up data for click or scroll events - anilpothala - 03-16-2016 03:55 AM

Thanks for the reply Patrick. Navigation looks good by watching video and concern is below event is not getting captured in waterfall view even though navigation works perfectly.

execAndWait document.querySelector('ul.paginator-list>li:nth-child(2)>button').click()

Can you please provide inputs on what would be the issue.


RE: Waterfall view not showing up data for click or scroll events - pmeenan - 03-16-2016 03:58 AM

I'm fairly certain the activity from request 95+ in my test are from the activity caused by clicking on the element: http://www.webpagetest.org/result/160315_CS_ffb2d31f40066d8f78058cbde06268e0/1/details/


RE: Waterfall view not showing up data for click or scroll events - anilpothala - 03-16-2016 04:06 AM

No Patrick. The way how application designed is on page1 load they do ajax call for retrieving first 4 images of page2 for better look and feel. So, that is the #96 request we are seeing waterfall view.

URL: http://www.walmart.com/search/v2/ajax-search?query=toddler%20toys&typeahead=toys&cat_id=0&page=2&prg=mWeb&_screensize=320
Loaded By: http://i5.walmartimages.com/dfw/63fd9f59-bd91/k2-_af69b4b1-7ab6-4755-a0a6-dc1afc39385b.v106.js:4
Host: http://www.walmart.com
IP: 23.13.209.194
Error/Status Code: 200
Priority: Medium
Client Port: 59928
Request Start: 16.995 s
Time to First Byte: 603 ms
Content Download: 21 ms
Bytes In (downloaded): 13.9 KB
Bytes Out (uploaded): 1.5 KB

navigate http://www.walmart.com/search/?query=tod...s&cat_id=0

To be more clear, waterfall view shows only first four images of page2 (step 97 to 100 ) as they are loaded as part of page1 load (ajax call ). The remaining images appears on page2 doesn't showup in waterfall view.


RE: Waterfall view not showing up data for click or scroll events - anilpothala - 03-16-2016 06:01 AM

Hey Patrick. You are right the activity from request 95+ are for page 2.
Thanks for your quick help.


RE: Waterfall view not showing up data for click or scroll events - anilpothala - 03-16-2016 09:34 AM

And also i would like to do scroll down on page1 before clicking on page2. i have added below script and some how scroll feature is working for page2 instead of page1. can you please help out here.

combineSteps
navigate http://www.walmart.com/search/?query=tod...s&cat_id=0
exec window.setInterval('window.scrollBy(0,600)', 1000)
execAndWait document.querySelector('ul.paginator-list>li:nth-child(2)>button').click()