Site does not open on IOS,

Asked

Viewed 973 times

-2

Guys I have the following problem, the site https://aramaquinas.com.br/ does not open in safari on ios it opens normally on windows, but on iphone does not open, someone has already gone through it?

What can cause this load failure using a specific OS? I thought it was some problem in DNS, or in certficiado SSL, but both present normal

1 answer

5


There are 3 features that are not loaded, all with 404 (Not Found):

https://aramaquinas.com.br/image/catalog/ban1xx.jpg
https://aramaquinas.com.br/image/catalog/ban2x.jpg
https://aramaquinas.com.br/image/catalog/sub2x.jpg 

I can’t say that they are conflicting with HTTPS when they fall in 404, but maybe it is something related that only occurs in iOS.

Other optimizations to consider

Your site is very poorly optimized for mobile, sorry for the sincerity, but no use a site be responsive and you upload a 5 different, different fonts .css and .js nay minified (and non-unified) and load multiple images.

It is not that the site does not open, it is that simply pro so much memory that a mobile phone has it will never be able to load, it is carrying a lot of time, if you look at the top the load never finish.

I replied something quite similar in: /a/169657/3635

There is a lot to improve on your site:

  • Reduce the number of images, preferably try technique like CSS Sprite
  • Unify the main .js and .css in a single file (those are the .css and .js that go on every page), if Asp.net-mvc can use the https://www.nuget.org/packages/Microsoft.AspNet.Web.Optimization/
  • Compress . js and . css (I think Microsoft.AspNet.Web.Optimization already does this)
  • Use compressed HTTP for "static" files with js and css
  • Search uses only one Webfont, at most two
  • Don’t upload files to pages that won’t be used, for example, I’m sure you don’t use these scripts on every page:

    <!-- Megnor www.templatemela.com - Start -->
    <script type="text/javascript" src="catalog/view/javascript/megnor/custom.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/jstree.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/carousel.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/megnor.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/jquery.custom.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/jquery.formalize.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/lightbox/lightbox-2.6.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/tabs.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/jquery.elevatezoom.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/bootstrap-notify.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/megnor/doubletaptogo.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js"></script>
    <!-- Megnor www.templatemela.com - End -->
    

    This must be killing the performance of Safari, making it unable to load the page


Also read about rendering lock

Rendering blocking occurs when downloading an external resource, such as a CSS or Javascript, and the browser does not render any processed content until this download and processing has been completed, in a practical example:

<link href="bar.css">
<script src="foo.js"></script>

<div>foo</div>

div will only render in the browser when bar.css and foo.js load, to avoid this type of lock see these suggestions:


How to know if I’m going the right way?

There is not much to know if the path to optimization you are trying is the "best", but there is an online tool that can help a little:

It will give you a score result of your page:

pagespeed

  • 3

    Another thing: imagine the tando of Gigabyte that a person would spend on your cellular data plan just to open the home page.

  • @Dvdsamm yes, one of the main motivations of the existence of pagespeed is precisely this, provide a good Userexperience, ie UX can be anything, goes beyond visual/graphic, the UX refers to experience, if the page loads fast will be a good experience, if the page consumes little of the franchise, it will be another great experience and so on.

  • Yes, I think that after the "explosion" of mobile devices, filling the site with heavy features aimed at "aesthetic beauty" was perhaps in the background. A site does not need to be heavy to be beautiful, navigable and with features that meet its purpose well.

  • @Dvdsamm most people do not understand what are features, even on Desktop, many apps are heavy because programmers are inexperienced, they are worried about delivering something working, they do not understand performance, They don’t understand the basic thing that is memory and CPU and much less "disk reading" (another problem that can affect computers). In short: this is not a unique Web problem, it affects all environments, because of programmers who do not understand or who do not care.

  • I believe that this is not the cause of the page not acarregamento, because the site opens normally in safari on Macbook, opens in windows and android, the only problem is that it does not open in iphone safari, I know that the structure of the site is disorganized, I believe that the person who developed it does not possess much technical knowledge

  • @Hebertdelima iPhones have far less memory than android phones, while a decent Androids has 2gb or more iPhones from 512mb to 1gb, a Mac computer has from 4GB to 16gb (the most "common").

  • Pagespeed was 75, right? this better than Amazon and ebay, and other large ecommerces, I know the good practices but I’m not the developer of the store, I’m just trying to help a colleague =)

  • @Hebertdelima Amazon and ebay have mobile versions and are not responsive, ie are different websites for mobile and desktop. Another thing, the Score is only a margin, the question is totally relative, as I said in the reply "google pagespeed can help a little": There is not much to know if the path to optimization you are trying is the "best", but there is an online tool that can help a little

  • I am in doubt between these two possibilities: window.history.back(); javascript:history.go(-1) but I don’t know how to track

  • another point, the error only occurs on the HTTPS protocol if I switch to HTTP it loads normal, I understand your point about otmization but I really believe that is not the cause of the problem

  • @Hebertdelima understand, I’ll take a look at this.

  • The answer has merit, but does not answer the question of the PO: "[O] that may cause this loading failure using a specific OS?" Even not optimized the site opens properly on Android devices.

  • @Onosendai the question was very vague, and I took into consideration that generally Androids have much more memory, I know that the iOS and Android architecture are different and require different quantities, usually iOS requiring less, however the answer was based on what I had information to date and not on the information I obtained afterwards (see previous comments).

  • @Hebertdelima the most I could find of possible failure were 3 invalid Sources (404), try to fix them and update the page in Safari iOS after.

Show 10 more comments

Browser other questions tagged

You are not signed in. Login or sign up in order to post.