3 Steps to Make Web Page Load 3x Faster in Mobile App

ohdarling
5 min readApr 27, 2022
Speed up vector created by starline — freepik

There are a lot of cross-platform technologies that develop features for both iOS and Android, such as Flutter, React Native, but they all require a huge size of framework to embed in the mobile app. So I think HTML pages are the quickest and lightest way to do that, both platforms have a standard web view component to display web pages.

In general, HTML pages will load more slower than Flutter or React Native pages, is there any way to improve it?

Yes, let’s try it and speed up the web page loading time in mobile app.

Note: Demo codes are written in Swift and performance data is tested on iOS Simulator.

Baseline

We will use reactjs.org as a demo to compare the loading speed before and after optimization.

First of all, let’s track the loading time of the remote web site in mobile app.

It is a simple web view controller for displaying a web page:

We will track two metrics for measure performance of loading a web page:

  • Duration between click and viewDidAppear

--

--