Why is the site crashing from safari on iphone?

Question

css

The site works fine from all devices except iphone
Sometimes the site freezes during loading, sometimes half of the page just remains black, and in the worst case the site crashes
I can’t understand what the problem is, because even on an average android the site
works stably //kazroyalautorent.kz/

Answer 1

Firstly, I noticed that you have such a problem not only on the iphone (in any case, it's sad on the ipad). Rendering even on other devices is clearly lame. And the biggest problem here is generated by heavy filters with large values. For example:

...
    -webkit-filter: blur(420px);
    filter: blur(420px);
...

Secondly, I noticed that you are using:

@media screen and (max-width:720px) {
...
}

Although even in bootstrap you use ≥768px , i.e. some mobile devices actually display the full desktop version (and with all filters).

Answer 2

Stop posting your listings! Looking for a freelancer. Questions are being asked here!
What is your question? Don't know how to debug? - Here is bit.ly/1wqlW91

Answer 3

I’m wildly sorry if it caused inconvenience to someone , I
didn’t use jsfiddle before, on your advice I uploaded the code there
jsfiddle.net/v9q0q5j4
but for some reason it doesn’t give an
alert, although jshint said that everything is OK
thanks in advance for your answers!