Simple CSS Animation can reduce WebGL performance greatly
Reported by
gelibo...@gmail.com,
Sep 15
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.92 Safari/537.36 Steps to reproduce the problem: 1. Go to https://jsfiddle.net/61unzpdg/11/ What is the expected behavior? This WebGL demo should be running at 60FPS but it rarely sees 60 refreshes per second. I tried running Chrome with integrated GPU (Intel HD Graphics 6000) and external GPU (NVidia GTX 1080). Demo always runs at 60FPS when CSS Animation is disabled but somewhere around 55FPS when there's some CSS Animation in the screen. It runs constant 60FPS on Edge and Firefox. It gets worse and worse as i use more transform and opacity animations. Note: When tested with Chrome's FPS meter, it can show constant 60FPS, but calling requestAnimationFrame only 50-55 times per second. Which might be an another issue. What went wrong? There shouldn't be that much performance drop. Did this work before? N/A Does this work in other browsers? Yes Chrome version: 69.0.3497.92 Channel: stable OS Version: 10.0 Flash Version:
,
Sep 17
,
Sep 18
,
Sep 19
gelibolue@ thanks for the issue. Able to reproduce the issue on Windows 10 and Ubuntu 17.10 on the latest Stable 69.0.3497.100 and the latest Canary 71.0.3555.0. Unable to reproduce the issue on Mac OS 10.13.3. On loading the given Jsfiddle, can observe the WebGL demo running at ~57 to 60 FPS. Attached is the screen cast for reference. This is a Non-Regression issue as this is observed from M-60 chrome builds. Hence removing 'Needs-TestConfirmation' label. Thanks.. |
||||
►
Sign in to add a comment |
||||
Comment 1 by susan.boorgula@chromium.org
, Sep 16