Hi everyone I’m working on a mobile project which is at the edge of completion. I’m using Capacitor and Bootstrap and I want to know how I can increase the speed on the UI. Everything seems fine but I want some suggestions as to how to make it more optimized for speed.
Please any suggestions will be appreciated.
Hey!
Just a reminder:
Capacitor uses webview and wkwebview, so basically you’re running html inside the app, telling this because works as same that a page running on a browser.
You can inspect your app running chrome://inspect/#devices and see how it loads each element.
For a better, and real experience you can run your debug app (unsigned of course) on your phone and debug it via usb.
Then you can check on the devtools how it works on your real phone (with the properly cpu/gpu/ram capabilities)
Thank you very much and I will try these steps
Since all of the HTML/JS files will already reside on the mobile app, the area I would focus on is data retrieval. For example, can you cache and/or store data on the local device so that the initial load of the page is fast, then retrieve new data after the initial load?