The page appears blank, but is selected in Safari on iOS9 on first visit

Question

So, if you visit http://movableink.com/ in Safari on iOS9.

Then click on the header http://movableink.com/partners

On the first visit or slower connections, the entire page displays a space in safari.

This is a pretty standard page. There is no special calling code that can cause this. This is a new page with another css file, this is the first responsive page.

However, the text and content can be selected (but not here), and also if I checked it in the Safari Developer Inspector when the phone is connected to the mac, there is also nothing noticeable covering the page.

You can look in a private browser, first you want to open the home page, and then click "Partners".

What could cause this page problem to disappear?

Answer 1

I could reproduce this on my iOS 9 device very well if the ad unit is active (in my case: Crystal and Lionz). Without this ad blocking block, the page would load smoothly without a blank screen.

Using another ad unit (e.g. 1Blocker), the page also runs smoothly.

For me, the problem is only with some iOS ad blocking apps.

Answer 2

I conducted several tests, it may just be a problem with requesting time due to either not optimized server code (for example, regenerating the entire site node every first request from the client), or creating CSS.

At the first boot, it is 700 ms, regardless of the mobile or desktop. Safari will be more sensitive on the mobile device, as it does not process many parallel resources after it receives the list of URLs.

If you use CMS, check the optimization / caching solutions integrated in the system and enable them, see if this changes the load time.

Another alternative is a cloud-based distributed CDN, such as Cloud Flare (free for basic, other plans for more intensive).