8

We have a Bluemix node.js application that loads perfectly in all browsers, except on Safari Mobile. Even on OSX Safari it works fine. We have tested this with iPhone 5, 6 and different iPads. We have done this over different WiFi networks and 3G/4G.

You can test it here: http://innowall-debug.eu-gb.mybluemix.net/ some of the resources on the first page already load very slowly. This issue is reproducible on the first page.

The strange thing is when you load the site over https it will load/render fast. What could be the issue causing this to go slow over http only for Safari mobile?

HTTP (slow entry highlighted - check latency 27secs):

enter image description here

HTTPS (fast):

enter image description here

Community
  • 1
  • 1
Driss Amri
  • 1,805
  • 2
  • 20
  • 28
  • Can you confirm that you don't see this issue when you run your application locally ? – vmovva Sep 17 '15 at 14:45
  • yeps, that's how we give demos locally now for iOS Safari. Only when we deploy it. – Driss Amri Sep 17 '15 at 15:42
  • unfortunately I can confirm this issue too, have it with liberty runtime. Changing http to https fixed the issue. With websphere liberty it run flawlessly when I run it locally. – Anatoly Sep 20 '15 at 10:14
  • Yeah same thing seemed visible on staticfile-buildpack on Bluemix. although setting custom nginx config with "keepalive_disable msie6 safari;" seemed to help there tho. – Driss Amri Sep 21 '15 at 08:38
  • @DrissAmri I am having the same issue, however for me my app is taking over 4 minutes to load only in Mobile Safari on an iPad running iOS 9. The app loads fine on the iPad using chrome. But Safari and WKWebview both fail. I am going to setup my app using https and see if that resolves it as well. – Fostah Nov 13 '15 at 20:53

1 Answers1

0

My original instinct was that there is some render-blocking JS/CSS in your application that fails to resolve quickly in Safari. Running your website in Google PageSpeed Insights gives us some good information that could help fix that latency: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Finnowall-debug.eu-gb.mybluemix.net&tab=mobile

Eliminate render-blocking JavaScript and CSS in above-the-fold content Your page has 4 blocking script resources and 3 blocking CSS resources. This causes a delay in rendering your page.

Sai Vennam
  • 537
  • 2
  • 8
  • This does not explain why it works fast on HTTPS and slow on HTTP. So that seems ruled out. Also the latency is up to 20 seconds difference, not a "slight" delay. – Driss Amri Oct 06 '15 at 08:10