sitespeedio / sitespeed.io

sitespeed.io is an open-source tool for comprehensive web performance analysis, enabling you to test, monitor, and optimize your website’s speed using real browsers in various environments.
https://www.sitespeed.io/
MIT License
4.73k stars 600 forks source link

Filmstrip images and video not available for 1 page in a script #4256

Open sunnygarg-sg opened 1 month ago

sunnygarg-sg commented 1 month ago

Have you read the documentation?

URL

https://www.veriz.com

What are you trying to accomplish

We are testing a flow on 34.0.0 and out of 10 pages, only 1 page has issue with filmstrip to be loaded. In attached pictures, the highlighted row in Pic1 is not capturing the metrics. On filmstrip tab there is no image captured, as shown in Pic2. Also, in video tab there in no video available. However, on Summary page, we can see the content of the target page displayed, as shown in Pic3. Can you please have a look and suggest the solution.

image image-1 image-2

What browser did you use?

Chrome

How to reproduce

Sorry wont be able to share application details and credentials. We have tested it in chrome and Firefox.

Log output

No response

soulgalore commented 1 month ago

Hi @sunnygarg-sg can you try:

Is there a problem with the video or the metrics from the video? Then make sure to enable the full original video so you can share that with us, do that by adding --videoParams.keepOriginalVideo to your run. Look in the video folder for that URL and you will see a video named 1-original.mp4. Please share that video with us, then we can more easily reproduce/understand the problem.

You will get one original video for each page. The original video is the video that has not been analysed. If I get that video, then I can run the script standalone and see what's going wrong. Can you please share the one that is failing.

sunnygarg-sg commented 1 month ago

Thanks for prompt response. I triggered script using the suggested tag and attached is video downloaded from it. For data constraints, I have blurred the user id. Please let me know if that helps for further analysis.

https://github.com/user-attachments/assets/db8b5168-400e-48d8-adc8-18e0f89db45b

sunnygarg-sg commented 1 month ago

Sorry closed it by mistake.

soulgalore commented 1 month ago

Thanks I missed it, I only got the message that it was closed and didn't check the actual issue.

soulgalore commented 1 month ago

When things work, the first screens should be totally orange (It's a layer that should be on top of everything), but in your video I can only see that part of the screen is orange. There orange layer helps the code understand when the navigation starts (it's removed in the navigation).

Either there is some content on the screen that is breaking the orange layer, there's something broken in the recording or there's too little wait before the navigation happens. Easiest to test is to change what happens before you start the navigation. Before you do that click that starts the navigation, can you check that the page is finished loading. Easiest for debugging is just to add some extra wait time.

Can you run the test locally on your own machine so you can see if the orange layers is taking the full screen of the browser?