Firefox Slow On HTML5 Site
I don't understand why when I try and look at an HTML5 site in Firefox, Firefox slows down to a crawl.
I have tried all the latest versions including the beta version.
Isisombulu esikhethiweyo
I will search bugzilla for something related and if I don't find anything I will create a minimal example based off your style and submit it (if you don't mind).
Funda le mpendulo kwimeko leyo 👍 0All Replies (16)
Is it only that site? For what it's worth, that is the mobile version. The desktop version (http://thatswebdesign.com/) loads just fine. I am pretty sure that page is doing something pretty intensive and is bogging down the browser.
Thank you for your quick reply.
No, I am the designer of both the desktop and mobile versions. The mobile version has less intensive coding, if anything.
Other than the fact that the desktop version uses XHTML and the mobile version uses HTML5, there is very little difference in the <head> area, and the <body> area has no scripting other than the onclick events on the buttons.
There is one little jQuery script that checks the width of the screen and sets the width of the buttons to adjust, but other than that, there is no other added code difference between the two sites.
Yeah, I was looking at the code now and can't see anything. Maybe it is the CSS gradients causing the issue (my guess).
Firefox doesn't like CSS3 gradients?
It does but I would start by looking at the -moz-* rules for .button span.
Four gradients there. Try removing that and see what happens?
Huh, that was it. But I placed those in there specifically for Firefox. So Firefox is fine with just the webkit definitions?
Also the `-moz-background-size: 3px 3px;`. You are making the browser do a _lot_ of work :-). Maybe it is worth filing a bug.
I think some combination of the things you did made you run into a performance issue in Firefox. I didn't see anything inherently wrong in your CSS.
OK, so you are having me remove all the code that was set up specifically for Firefox?
Maybe you can show a slightly different background design in firefox due to this. I am pretty sure if you don't do the background-size it will be fine. Or old school images would work just fine.
Are there any plans on standardizing Firefox so that the -moz extension is no longer necessary?
Yes! That is part of the standardization process, but it takes a lot longer than you and I would like :-). It took a while for border-radius to not require -moz but it did happen.
Ilungisiwe ngu Ricky Rosario
OK, well if that is the case, do you really think it would be worthwhile to file a bug report?
Isisombululo esiKhethiweyo
I will search bugzilla for something related and if I don't find anything I will create a minimal example based off your style and submit it (if you don't mind).
No, not at all. I really appreciate all your help.
I have this problem too on my HTML5 Games.. It renders perfectly on other browser, but on firefox it's 50% slower..