My website crashes Safari (both desktop and iOS) consistently

Question

My website http://remotejobs.io crashes Safari consistently. I first noticed the crash last night when I was at a Verizon store and I tried browser testing the site on an iP

Answer 1

I stumbled across the same issue in Safari and tried everything mentioned here. I also checked the css in the CSS validator and fixed some issues.

But my trigger for the crash were padding with percentage values. I converted the %-Values from the paddings and all the things were fine.

Answer 2

So I was able to narrow the problem down to the CSS with Adam Moore's suggestion, and then to the transition property declarations with Jonathan Sampson's comment.

I removed all the lines with transition and the site no longer crashed.

So then I looked at the values, and tried unifying the duration values, to see if that would help, since I was setting several different duration values across the different properties, including .5s on one, .3s on another, and .25s on yet a couple more. But unifying them didn't affect anything - still crashed.

Finally, I tried changing the transition-property from all to color, since color was the only thing I was really changing, and no more crashes! So apparently that was the solution. Seems Safari was choking on trying to transition all the properties.

Answer 3

-webkit-transform-style: preserve-3d !important;

Caused Safari to continuously reload because of error. Removed that and it worked. :).

Safari - Version 8.0.8 (10600.8.9) OSX EL Captain

Answer 4

Your website does not seem to crash Safari 5.1 on Windows 7. To go about debugging what's causing the issue, start by turning off the CSS, then one by one disable JS files until the website stops crashing. Once you've figured out which CSS file or JS file it is, then post a link to the file and I'll see if I can help!