Firefox 31.0 Upgrade hangs on a particular website.
Hello everyone,
It's been a few days now that I've been trying to figure out why http://schallcreative.com hangs after I've upgraded to Firefox 31.0 with no success. I'm running Firefox 31.0 on Mavericks. I've tested it on Windows and Firefox 31.0 and it displays just fine. I've had to downgrade Firefox to 30 or 29 on Mavericks to get it going again. The website is running on a Wordpress platform and contains SVG animation, blog, pages highlighting past work and simple custom Javascript. Strange thing is I haven't changed anything on the website and when I open other Wordpress websites they display just fine.
I've restarted my computer, disabled Firefox plugins, disabled Firefox extensions, updated Wordpress, deleted unused Wordpress plugins, upgraded jQuery, deleted Firefox and installed it. Man, I've done everything and nothing.
I hope you guys can help me because I simple don't want to use another browser.
Thanks before hand and I look forward hearing the feedback.
All the best, Fred
Chosen solution
Hi jscher2000,
I was able to solve the issue of the hang by removing this path -
<path fill="none" stroke="#999999" stroke-miterlimit="10" d="M188.778,138.248c-7.35-111.365-5.017-76.667-7.423-113.704c0,0,2.499-4.762,6.945-9.208c6.787-6.787,10.733-6.155,10.733-6.155 M188.774,138.5 M596,390.5c0,0-303.347-10.958-353.5-13.312"/>
Not sure why this even caused the hang but now our website no longer hangs in Firefox 31.0 and it displays our SVG animation. Thank you for taking the time in attending this and I hope this some how helps others with similar issues.
All the best, Fred
Read this answer in context 👍 0All Replies (8)
You didn't mention that you cleared Firefox's cache (or tested in a private window to bypass the cache temporarily). That's always a good idea when you have made changes to a site.
Is this issue limited to your Mac or does it also occur on other Macs running the same version of OSX?
Clear the cache and cookies only from websites that cause problems.
"Clear the Cache":
- Firefox > Preferences > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
- Firefox > Preferences > Privacy > "Use custom settings for history" > Cookies: "Show Cookies"
You can remove all data stored in Firefox from a specific domain via "Forget About This Site" in the right-click context menu of an history entry ("History > Show All History" or "View > Sidebar > History") or via the about:permissions page.
Using "Forget About This Site" will remove all data stored in Firefox from that domain like bookmarks, cookies, passwords, cache, history, and exceptions, so be cautious and if you have a password or other data from that domain that you do not want to lose then make sure to backup this data or make a note.
You can't recover from this 'forget' unless you have a backup of the involved files.
It doesn't have any lasting effect, so if you revisit such a 'forgotten' website then data from that website will be saved once again.
See also:
Hi jscher2000 and cor-el,
Thanks for responding. Just got back from out of town so I apologize for the delay on this.
@jscher2000 - That's a good question. It hangs on Mavericks and Lion with the upgrade. I did try to open the site with a Windows/FF 31.0 and the site displayed without a problem. By the way, no dice on the clear cache and private window attempt. Thank you.
@cor-el - I ran with your suggestions with no success either. The odd thing is it run just fine if FF is downgraded and it runs on Windows with FF upgraded. When I looked into the Show Cookies, all that appeared was Mozilla Support and Salesforce sites.
Any other suggestions? When I Force Close the app due to the hang, the machine spit out a report. Would this be helpful?
Thanks again, Fred
Start Firefox in Safe Mode {web link} While you are in safe mode; Press the Alt or F10 key to bring up the tool bar. Followed by;
Windows; Tools > Options Linux; Edit > Preferences Mac; application name > Preferences
Then Advanced > General. Look for and turn off Use Hardware Acceleration.
Poke around safe web sites. Are there any problems?
Then restart.
I don't personally know how to interpret Mac system data, but if it's easy to post, it might be worth a try.
It appears that the site does not use any plugins or streaming media, but you do have a downloadable font. To take that out of the equation, could you try disabling font downloads? Here's how:
(1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box above the list, type or paste gfx and pause while the list is filtered
(3) Double-click the gfx.downloadable_fonts.enabled preference to switch it from true to false.
Any difference on the next visit to the site?
Hi FredMcD and jscher2000,
After doing some digging, I went through the Javascript files that were being called and I was able to narrow it down to the SVG Animation. By removing the SVG property "version:1.1" and adding preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg", I was able to get the animation going again but for only two of the three without the browser hanging/crash. The branding and inbound marketing SVG animation are now functional but for some reason it still hangs for only the Web Strategy animation. Are any of the tag properties used in the below HTML code outdated? Does anything catch your eye that could help solve the hang issue? Much appreciated before hand.
<figure> <div id="web-strategy-wrap"> <img class="illustration" src="<?php echo get_stylesheet_directory_uri() ?>/images/web-strategy-lg.jpg" /> <svg class="line-drawing" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 618 471"> <g> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M198.386,138.5l-6.886-115c-0.705-13.699,6.712-14.414,13-13l365,95 c7.18,0,13,5.82,13,13l26,256c0.813,9.82-1.331,13.417-13,13l-352.521-16.153"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M407.222,383.338c0,0-7.168,34.662,5.112,46.662 c11.711,11.443,80.666,7.5,80.666,7.5H383c0,0-52.108,4.592-59.999-4.5s4.47-52.688,4.47-52.688L407.222,383.338z"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M323,433.5h93"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M410.334,73c0,1.657-1.119,3-2.5,3s-2.5-1.343-2.5-3s1.119-3,2.5-3 S410.334,71.343,410.334,73z"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M211,34.5l6.81,104"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M242.5,299.752L592,331"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M571,121.5L592,331"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M211,34.5l360,87"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M573.357,145.014L212.795,61.58"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M242.5,178.326L582.428,235.5"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M188.778,138.248c-7.35-111.365-5.017-76.667-7.423-113.704 c0,0,2.499-4.762,6.945-9.208c6.787-6.787,10.733-6.155,10.733-6.155 M188.774,138.5 M596,390.5c0,0-303.347-10.958-353.5-13.312" /> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M595.59,390.5c0,0,0.972,0.046,3.824-1.165s4.229-2.616,4.229-2.616" /> </g> <g> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M242.5,427.5c0,7.18-5.82,13-13,13h-186c-7.18,0-13-5.82-13-13v-276 c0-7.18,5.82-13,13-13h186c7.18,0,13,5.82,13,13V427.5z"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M231.5,413.5h-189v-250h189V413.5z"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M42,173.5h189"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M42,196.5h189"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M42,322.5h189"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M139.122,152.159c0,1.233-0.999,2.232-2.232,2.232 c-1.232,0-2.231-0.999-2.231-2.232c0-1.232,0.999-2.231,2.231-2.231C138.123,149.928,139.122,150.927,139.122,152.159z"/> <path fill="none" stroke="#999999" stroke-miterlimit="10" d="M145.667,427.834c0,4.51-3.656,8.166-8.167,8.166 s-8.167-3.656-8.167-8.166c0-4.511,3.656-8.167,8.167-8.167S145.667,423.323,145.667,427.834z"/> </g> </svg> </div><!--End of Web Strategy Wrap--> </figure>
Modified
I am nearly completely ignorant about SVG, unfortunately.
Limiting the Firefox 31 change log (bug list query) to component=SVG returns 30 different bugs:
Not sure whether any of those are relevant (intentional change), or you are seeing an unintended byproduct.
Chosen Solution
Hi jscher2000,
I was able to solve the issue of the hang by removing this path -
<path fill="none" stroke="#999999" stroke-miterlimit="10" d="M188.778,138.248c-7.35-111.365-5.017-76.667-7.423-113.704c0,0,2.499-4.762,6.945-9.208c6.787-6.787,10.733-6.155,10.733-6.155 M188.774,138.5 M596,390.5c0,0-303.347-10.958-353.5-13.312"/>
Not sure why this even caused the hang but now our website no longer hangs in Firefox 31.0 and it displays our SVG animation. Thank you for taking the time in attending this and I hope this some how helps others with similar issues.
All the best, Fred
Modified