There are 3 resources that are not loading, 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 not say that they are conflicting with HTTPS when they fall into 404, but maybe it's something that only happens on iOS.
Other optimizations to consider
Your website is very poorly optimized for mobile, sorry for the honesty, but it does not help a website to be responsive and you load 5 different sources, .css
and .js
not minified (and not unified) and upload multiple images.
It's not that the site does not open, it's simply that memory so much that a cell phone has it can never load, it's loading a lot of time, if you look at the top load never finish.
I answered something very similar in: link
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
into a single file (those are .css and .js that go on every page), if it is asp.net-mvc you can use link
- Compress the .js and .css (I believe 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
-
Do not upload files to pages that will not be used, for example, I'm sure you do not use these scripts on all pages:
<!-- 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 should be putting an end to Safari's performance so that it can not even load the page
Read also about render lock
Rendering block occurs when an external resource such as a CSS or a JavaScript download occurs, and the browser does not render any rendered 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>
The div will only render in the browser when bar.css and foo.js load, to avoid this type of lock see these suggestions:
How do I know if I'm going the right way?
There is not much to know if the optimization path you are trying is the "best" one, but there is an online tool that can help a little:
It will give you a score result for your page: