Two images that present the effect of backface & transform: translate3d
While developing a jQuery scrollable parallax site component (coming soon) with @pupunzi we found out that having CSS3 animations impacted dramatically performances on Firefox, but adding by hand instructions on CSS3 on backface and transform: translate3d (which normally you should not do) solved the problem. See this discussion: Considerations for CSS3 Transition Performance.
Look how Firefox 3D DOM model looks before and after applying the instructions below.
See how the various divs (following parts of the scroll path) are now ready to be displayed.
You can follow the author on Twitter here.