Here are 2 devices, tested to the same page
iPhone 1 safari load the web page, it blank for around 3~4 seconds
iPhone 2 we can see the page load as normal
Why would the same web page, same browser, behave differently in different devices?
What are the possible causes for this issue?
The internet speed for 2 iphones isp might be different. Go to fast.com to know your internet speed
Try clearing the cache of the device which is slow.The more cache makes the web page load longer.
Related
I'm working on an Angular web application that has a feature voice recording for 10 seconds and sends it as a blob to the server.
This feature can be used by the user multiple times, after using this for a day on iOS safari, I went on to my device settings > Safari > Advance > website data I noticed my website data is 100+ MB. But the actual bundle size of my angular application is about 7MB.
Why is the data is increasing drastically?
Searched in various ways to find a solution but no luck.
A client has reported that a website doesn't work on iPhones. As far as I can see on the screenshots, there's the skeleton but the content that should be loaded via AJAX is not present.
What can I do to find the cause without having an iPhone myself?
Maybe there's a service that allows me to run a debuggable iPhone browser somewhere in the cloud?
You can try xcode iPhone simulator browser.iPhone simulator can run only on a Mac and it comes with a safari browser and doesn't have a chrome.you can try this link for a online simulator
http://www.appsimulator.net/apple-iphone-6.html
You can try Appetize.io.
Free to use for 100 minutes per month per user.
Even in the demo section you can select different options of iPhones and try out the URL within 1 minute too. The site has been helpful for me.
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):
HTTPS (fast):
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.
My first post/question. Hope I don't stomp on any rules!
I have a site (mainly html5) with the same 9 "navigation" links on every page. They work exactly as expected in Safari, FF, Chrome on my desktop Mac. They also work correctly on my iPhone 5. However, while they all work, as far as taking the viewer from one page to another, on my iPad (2?), all but one have to be tapped/clicked on twice before they work. The exception is the "Forecast" page which works exactly like it should (single tap/click). I have checked all the pages with BBEdit's syntax checker and its "Compare..." function. I have also used the nu HTML validation service. None of these systems can explain why only one link works correctly on the iPad.
If you have an iPad, you can see what is happening better than I can explain it. http://www.mid-southweather.com/
Thanks for any help or insight. I've found nothing from interweb searches.
Clearing the iPad's Safari cache did not help, but I discovered, however, that the iPhone and iPad are sharing bookmarks or history! I'll clear things on the iPhone and try again.
No change, even after turning OFF Safari on both the iPad and iPhone iCloud list.
I suspect it is either the older iPad hardware or the CSS menu building 'code'. I found the same problem in an older site where I used the same CSS for a multi-level menu. The same two-tap requirement occurs at the lower/final link, but, again, only with my iPad. Oh well, thanks for testing/reading!
I am making a simple web application with HTML5 that uses "Javascript database" (websql as Apple now calls it) to store some HTML form entries.
When I access this app on Safari (in the iOS simulator), and use the Safari web inspector to debug it, the database is shown in the web inspector under "Resources". But when I add the app to the home screen, and then try to debug it using the Safari web inspector, the database isn't shown at all (but the others - the application cache, local storage, session storage etc. all show as usual).
Can someone tell me if there is any such limitations that iOS offline web apps (that can be added to the iPhone / iPad home screen) do not support javascript database / websql? Or if this is some kind of known bug with web inspector?
(No, I haven't coded it completely - so it would help me save some coding time if anyone can chime in and share your experience, especially if there are any other limitations with iOS web apps that developers in general should be aware of.)
(Mods P.S: Consider creating a "javascript-database" tag).
No, it appears that when an html page is "saved" to the home screen it is then rendered in a UIWebView - which does not support indexedDB (and I believe SQL DBs). When the page is rendered in Safari it's a WKWebView which does support indexedDB... So this is not even considered a bug.
I've been using localStorage to get around this, but performance is a little weak, and the size is severely limited (about 2.5mb in my tests)