I am facing some rendering issues with a web application I am developing.
It's displaying a grid of images. This has been tested to work fine on all desktop browsers - windows, mac, linux, all mobile browsers - android, iphone & a few major android tablets. I have this problem only on ipad mini.
When i scroll through the screen, there are brief periods of slices going completely white and then they get rendered (with some delay). If I scroll up the same thing happens again. Feels like some browser optimization.
Tried searching for this problem and looks like a few people have faced this. The problem I am facing is exactly as posted in this youtube link: https://youtu.be/ABp8vXtBQCw.
My ipad is running on version 11.3.1. This happens both on safari and chrome.
Few other websites I noticed having the same problem: pinterest, instagram, cnn, nytimes (magnitude varies, but can notice the problem). However I do not notice the problem with houzz.com which has as many images but still loads perfectly fine without any lags.
I am not exactly sure what exactly causes this - images, positions, etc. Has anyone come across this and know what this is? Any help would be much appreciated.
Related
I am having issues with something on my website. I wanted to make a timepicker and it worked well on my laptop but as soon as i test it on my phone it breaks the timepicker. This website should only work for Mobile and i noticed that this problem only occurs on IOS. Does anyone know what the problem might be? I will leave images to make the problem visual. Thanks for your suggestions On laptop but with Mobile mode activated On IOS no time visible
I have searched around on here, but couldn't find anything to answer my question. I have developed a custom app for the iPad; it involves using a set of PDf documents that change pages based on a 1 second time frame. To achieve this is have used the 'PDF Reader Core for iOS' external library. Please find the link here: https://github.com/vfr/Reader
The app works perfectly fine on the actual iPad, however I also wish to run the app on Mac Mini Machines, so the obvious thought I had was to boot the project in the iOS Simulator on the machines (saves me recoding it for OSX.). Now, here is my issue. The app works pretty smoothly in the simulator, the only issue I have is that there is a slight render lag between the page change on the Simulator. It isn't at full resolution, and appears blur whilst it renders, however the time frame to change is so quick that the simulator doesn't have enough time to render to full resolution. I have also emailed the developer of the library and he provided some suggestions however, these didn't seem to fix the issue.
I am aware that this could be to do with the actual PDF Reader itself, however I wanted to ask if anyone had any suggestions if this could be fixed in regards to the iOS Simulator? Any way to speed up the simulator?
I am using OSX Yosemite, Xcode 6.4 and Objective-C.
It seems at this moment i may have to recode for OSX. Any suggestions would be highly appreciated.
Thanks
Working on a site and got feedback from the client that when browsing the site on an iPad and iPad Mini the site will suddenly reload with the message "A problem occurred with this webpage so it was reloaded".
The site it's happening on is a fairly image heavy one, it's infinite scroll page with about 60 entries, retina enhanced imagery via <picture> element.
Never seen this before, what's causing it, and how can I get around it?
Perhaps it runs out ouf memory? But I thought iOS was smart enough to dump images out of view if it needs memory to load new stuff?
Apparently this did not happen on iPhones (I take it they tried with 5S and 6), but that's probably because the total screen resolution is much lesser and the images are smaller in file size..
The only way to find out is to plug an iPad/iPad Mini into a Mac running Safari and inspect the page runing on the device. So, first, turn on the "Develop" menu (in OS X Safari's Advanced Preferences), like this:
Then from the Develop menu you can select the device you want to inspect Mobile Safari on… like this:
That gives you effectively the same inspector that the desktop version of Safari uses and hopefully you'll find some clues as to what is going wrong. (I'm betting Javascript error).
We are working on a WebView (not WKWebView, yet) app, are are observing that the app runs extremely slow on iOS 8. The same app runs smooth on lower versions of OS like iOS7 and iOS6. So we tried it in safari on iOS8 and the performance is similar to iOS6 and 7.
The app is filled with images and many are high resolution. While trying to trace the issue (trial and error!) we reduced the sizes and resolutions of the images and the performance improved, but it is still not at par with versions 6 and 7.
We are unable to find any such issues reported elsewhere and are stuck. It would be great if we could get some pointers on this one.
Update: We tested again and it seems the app is almost as slow in safari as in the WebView on iOS8, while way fast (in comparison) on iOS7 and 6 (on both WebView and safari).
Can you provide more information about the devices you are using?
I can tell you what it is happening to us. We do HTML5 Games and since we updated our IPAD2, IPAD4, IPHONE4S to IOS8, we experiment a slow performance in the devices, specially the IPAD2.
I started to disable all the animation but the performance was still really bad. The image were still loaded in memory.
So finally we conclude that the IOS8 use more ram so the Safari can allocate less memory. We are going to improve it downloading the resolution of the images and scaling them to have the same size for the slowest device.
One advice, if the devices has a screen of 1024*700 like and IPAD2, images over the screen size use more memory than expected so avoid using image bigger than the screen size.
Regards,
My answer is another related question. In case it helps identify the issue.
I'm apparently not allowed to post a commment on the original question.
My multiple image htm page loads OK speed wise (20 or so small images). But they are not placed in the right locations. It is as if they have been shuffled.
Works fine on Mac Safari, worked fine on iOS7 Safari. Broken iOS8 Safari.
http://www.dependencysoftware.com/MobileProductList.htm
If you look carefully you will notice that the images do not match the descriptions, but on a Mac they work correctly. (also work on IE, Chrome, etc...)
It seems to get worse the further down you scroll.
I'm doing a little game, using KineticJS. For the animation of the character movement, i'm using a spritesheet.
In desktop (with different browsers), the character animation is doing great, as in Android too. But, on iPad, it gets wrong. I'm pretty sure it's because the iOS platform, because neither Safari, Chrome or UIWebView displays the correct behaviour of the Spritesheet.
Can someone help me?
Thanks in advance
It's done. The bug was related to the maximum resolution iOS devices supports.