Safari in iOS8 image placement

My website started having this image swapping issue as soon as iOS 8 was released. I haven't been able to recreate it with my iPhone 6 on iOS 9 yet. Although, I haven't done extensive testing with iOS 9. From past testing with iOS 8 it does seem to happen more often the more you test (aka visit the same site over and over again). Especially after you put your iPad to sleep and visit the site again. The issue happened even more when I switched between LTE, 4G and wifi to revisit the site. Bad connections make it worse but it still happens after clearing cache while using an excellent wifi connection.

My server was and still is Apache (Litespeed isn't the only server environment effected). I turned off keep alive and the issue was still happening. I wouldn't be surprised if it is still happening with iOS 9 but I don't have any other solutions to try.

it is an iOS Safari bug because iOS Chrome doesn't have the issue.

I'm seeing this on iOS 9.2 while browsing SquareSpace websites that load a bunch of photos.

Anyone else still seeing this issue? Any official reply from Apple?

Is anyone else still experiencing this problem? We've noticed that this isn't just in web browser, we are experiencing the issues on our emails that we send out. We are testing emails in the native email app and the images are being swapped out. The images have been optimised so they are a decent file size. Each time we test an email something different happens. We've noticed this on a few different versions of IOS so any insight into what could be causing this would be very much appreciated

I've tried all the suggestions is this thread and still have not found a solution. If anyone else has had success I would love to hear what you did. Running Drupal sites on Litespeed.

Oh my god, this is the freakiest problem ever. It's like a nightmare! I am having the same issue with my Shopify store. Please send help. 😢 😕 😟

We've been having this issue off and on for over a year. It mostly happens on pages that load a lot of images. The page where we see it the most is one where a WordPress loop loads about 5 dozen images of conference speakers for a large event. The speakers don't line up with the names and bio information.

I found a post recently that said using https disables http pipelining in Safari. I setup an ssl on my site and thus far it seems to be working. I've not tested it thoroughly enough yet to know for sure, but I've not had it happen again yet.

thanks this is helpful!

Hey Apple, this is total BS. What is the fix? I'm seeing a bunch of people talking about pipelining, and no answers from Apple so far. If there is one that I'm not finding, please point me there. But either way, this is a stupid bug. Websites have been using images for a little while now.

In my case the issue was solved updating LiteSpeed web-server to 5.1.6. So it is not the iOS problem but a server-side software (like web-servers) problem.

Hello,

Under IIS, I wish to reveal « Connection :keep-alive » in the header of HTTP answer.

I know that even by activate « Persistent Connections (keep-alive) », IIS decides not to reveal it in the HTTP header.

This case causes problems, for example for Apple IOS which does not handle correctly the flow of the requests.
It often causes problems concerning pictures which are swaped with other pictures and even with other files.

I saw other people who have the same problem.

I think of the following 2 solutions:

1. Ask IIS to place the header « Connection: keep-alive » when « Persistent Connections (keep-alive) » is enable.
2. Ask IIS (via ASP) to place the header « Connection: keep-alive » only for IOS

I cannot manage to apply a solution.

I am sure that it’s possible for IIS to place the header, because the Web site of Microsoft is supplied by IIS and the header « Connection: keep-alive » is present.

Can you help me ?

Thank you in advance.

Gilles

It sounds like you're looking for help with Microsoft IIS. You might get better help from a Microsoft site.

Thank You Diana.McCall !

But, it's a problem that affects mainly IOS (swapping image of IOS) !! It's the subject of this page...

Gilles

Yes, I know it's the subject of the page, but you're talking to iPad users here, not web developers using Microsoft software. And what you're asking is how to make IIS do something. I hope you can find it.