Check your mobile Safari application performance - FPS rate
I was asked to check the performance of a web application in Android and MobileSafari. The application was focused on drawing and elements' manipulation on a canvas. I figured that I will have to find app's rendering bottlenecks. The question was what software to use and where to find it.
Android
The answer to debugging a web application on Android could not be easier - Dev Tools. I installed Android Studio, Android API, SDK tools, Chrome ADB extension and after a few minutes I was ready to go.
iOS
The answer to this was a little bit more difficult. Xcode and Safari enable you to use webkit debugging tools. However, the timeline tab doesn't provide you with the same tools as Chrome(version 40 at the moment of writing this post). I was looking for Frames Per Second measurement in particular.
It appears that Xcode and Mac has got some cool tools behind it's sleeve that can be used with your device. Open Xcode > Open Developer Tools > Instruments and choose 'Core Animation'. As soon as you open it in the left top corner you should see record button and, right next to it, you should be able to choose the device and the application you want to test. Select MobileSafari and open the web application you want to test.
Start recording and you should see the following:
That should be it! Happy perf testing!
No comments:
Post a Comment