I have an iOS app which took a lot of time to load the homepage and now after optimization the load time reduced. How do I measure the load time that the app took before and after optimization?
If it is regarding server-client response, you can use JMeter. Otherwise RobotFramework with Appium is the best option to measure transition time between two pages. RobotFramework with Appium
Related
I have some sample simulation code written in Rust that compiles to WebAssembly. I've built a small React app that renders data fetched from WebAssembly for each update.
When running this code in Chrome, I observe "pauses" that cause the app to be a bit jittery. Running the app in Firefox is a lot faster and smoother.
(Chrome is on the left, Firefox is on the right)
When I profile the code in Chrome via its developer tools, I see that my code tends to "idle":
Zooming in on a portion of the performance graph where the pause occurs:
Here I can see that the browser is in a state of "Fire Idle Callback" which includes a call into "flushBufferWhileIdle".
Why does this occur in Chrome but not Firefox? Do you have any thoughts on how I can determine whether or not the issue is due to React / JavaScript or WebAssembly?
Thank you!!
Scenario:
I have a page which loads additional data when scrolled to the end of the page. Most of the times the Content Download is slow and some times it is fast. Though, the response data is only few kb. This issue is only seen in chrome (Chrome Version: Version 67.0.3396.99 (Official Build) (64-bit)).
What might be the solution here?
In chrome, Content Download takes sometimes shorter time and sometimes longer time for same request.
The requests are to the same API.
As suggested here, that frontend might be doing a lot of work!
So, I checked the profiling and it is not the issue.
Why is there a lot of idle time in the second call? How to reduce the Content Download time?
Edit
When click event is triggered in browser during loading, the content loads faster.
How to overcome this issue as website hangs and become unresponsive within 5 min
Open the site with Chrome and open the Developer tools and start exploring!
Check the network tab and try CPU profiling, your question lacks details. Upload an example...
Watch this more specific video to your question:
https://www.youtube.com/watch?v=j4Uvk5zxrhM
Install the Chrome plugin 'Batarang' to profile the performance of your AngularJS project. It will give you some insight about the digest cycles / performance. Such information in combination with some code can point to the cause of your problem.
Google Chrome plugin Batarang
I've got fairly large webapp built with React, Redux and React Router. It works fine until I open dev tools in Chrome and it noticeably slows down in 100 times. I've tryed to profile app in Chrome, but when I start profiling again using Chrome it starts working as fast as with dev tools closed and everything is OK.
Checked also Safari and Opera - their dev tools also slow down webapp. Why does React/Chrome affects performance so badly? Does it mean I misuse React or is this common issue for React+Chrome? Is there any workaround?
One thing I noticed today is that React Tools extension can significantly affect the performance of your React app in some cases. Since the purpose of the extension is to provide a realtime view of your React components, it tries to update its representation as your page changes, and on some heavy mutations this adds delays.
In my case I have a table with ~650 rows that can be sorted by clicking on column headers. Without dev tools pane open, all works pretty smoothly (page updates within a second), but once I open dev tools and switch to 'React' tab, the entire tab (both my page and dev tools pane) stays unresponsive to clicks for extra 3-4 seconds after table sort.
Per Igor's comment, I was able to resolve this issue by removing React Dev Tools.
My app generates many blocks of text on a single button click (took upwards of 400+ ms to load the state changes), and removing React Dev Tools brought it back down to practical levels.
I have an app which was built on ionic.
We're using Firebase to handle all our data, with no server for now.
There's a problem we've been experiencing for a long time now - the loading time of the app (exluding render time) is sometimes 4 seconds but sometimes take 30-60 seconds!
I was not able to reproduce this on purpose. Not on our app and not on a clean app.
However, I took snapshots of the network tab at one of the times it did happen, here they are (order is left to right): http://postimg.org/gallery/2aecew7lu/
You can see a long delay (45s?) at screenshot 8. After that the app was "released" and loaded.
I really hope you guys can help. Thank you