728205 - poor animation performance with images and opacity

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect)

Description

[Florian Hänel [:heeen]]

I noticed pretty slow (compared to chrome) animation performance on this photo gallery I am developing: http://heeen.de/tests/bugbackup/

It loads images from my site, places them in a div and makes them opacity:0.3. Then the current image becomes opaque and the container div is css-animated to bring the current image into view. This animation seems quite slow, even with or without force-enabled layers, I get 15-16 fps tops. I think we might not be clipping the ~37 invisible transparent images.

  Application Basics

        Name
        Firefox

        Version
        10.0.2

        User Agent
        Mozilla/5.0 (X11; Linux i686; rv:10.0.2) Gecko/20100101 Firefox/10.0.2

  Extensions
        Cookie Monster
        1.1.0
        true
        {45d8ff86-d909-11db-9705-005056c00008}

        Download Statusbar
        0.9.10
        true
        {D4DD63FA-01E4-46a7-B6B1-EDAB7D6AD389}

        Firebug
        1.9.1
        true
        [e-mail]

        FxIF
        0.4.5
        true
        {11483926-db67-4190-91b1-ef20fcec5f33}

        keyconfig
        20110522
        true
        keyconfig@dorando

        Tree Style Tab
        0.14.2012021101
        true
        [e-mail]

some modified preferences:

        gfx.blacklist.suggested-driver-version
        NVIDIA 257.21


        layers.acceleration.draw-fps
        true

        layers.acceleration.force-enabled
        true
  Graphics

        Adapter Description
        NVIDIA Corporation -- GeForce 8400 GS/PCI/SSE2

        Driver Version
        3.3.0 NVIDIA 270.41.06

        WebGL Renderer
        NVIDIA Corporation -- GeForce 8400 GS/PCI/SSE2 -- 3.3.0 NVIDIA 270.41.06

        GPU Accelerated Windows
        1/1 OpenGL

Comment 1

[Joe Drew (not getting mail)]

Firefox on OS X seems slower/less smooth than chrome, even though it's apparently drawing at 40+ fps.

Comment 2

[Ryan VanderMeulen [:RyanVM]]

Smooth on Win7 w/ D2D.

Comment 3

[Robert O'Callahan (:roc) (email my personal email if necessary)]

Needs profiling.

Comment 4

[Gregory Pappas [:gregp]]

The url in comment 0 won't work due to mixed content (attempts to load jQuery over http on an https page). When I modify it with DITM to load jQuery correctly, it will function properly. When functioning properly, it performs great.