Disable animations/transitions globally in Firefox
Just thought I'd share the solution I've finally found to this problem.
Basically I was looking for a way to disable all fancy animations/transitions that happen whenever you hover over a button, tab etc. in Firefox. I'm using a theme that uses these transitions heavily and it just slows down the general browsing experience.
One annoying transition that I've been wanting to get rid of is when you try to move a tab around (changing the order of tabs). The transitions make this quite cumbersome due to the lag the transitions bring with them. I do this quite frequently due to using Tree Style Tab, having a vertical tree of tabs. I found several threads describing this issue, one of which was archived: https://support.mozilla.org/en-US/questions/802516
Anyways, the solution I've found to be working is to use Stylish (FF addon), and to create a User style with the following code:
/* Disable transition effects globally - Helps prevent lag & hight CPU usage */
* {
transition: none !important;
}
If you only want to disable the tab move transition, you could probably track down the css file in the theme and the code in there that is responsible for that particular transition.
This works for me on Firefox 29.
Hope this info comes handy to someone out there.
Cheers,
Eddie
Edit: seems like the code breaks when submitting this question. There is supposed to be a star instead of the bullet point in the code above like so: [star]{
Modified by cor-el
All Replies (4)
sireddie wrote:
* { transition: none !important; }
That's not a good idea. It breaks certain panel menus. Use the following style instead.
sireddie wrote:
If you only want to disable the tab move transition
You should be able to get rid of that by setting browser.tabs.animate to false in about:config.
sireddie wrote:
There is supposed to be a star instead of the bullet point in the code above
A moderator has corrected your post.
Tested the mentioned style, but this did not remove the animations when moving about tabs, nor did it remove the animations when hovering over the back button etc.
Setting the browser.tabs.animate to false (did this ages ago) doesn't remove the animations.
Haven't noticed any negative effect of disabling the transitions globally as of yet
sireddie wrote:
Haven't noticed any negative effect of disabling the transitions globally as of yet
It may be specific to Firefox versions after 29. The most obvious issue is that the bookmarks menu no longer opens when clicking the Bookmarks button on the toolbar. Customize mode is also very slow to load.
See the following thread on the third-party site MozillaZine for further discussion.
Yeah I believed they changed a lot going to version 29. My old theme broke when going to 29.
I should have mentioned I'm using a third-party theme; FT DeepDark 10
That said, I also tried replicating the bookmark and customization issues you mentioned above using the default theme, and experienced no issues at all.