search

braziljs / riojs-website

:mountain_cableway: JavaScript User Group from Rio de Janeiro - Website
http://riojs.org
28 stars 13 forks source link

Melhora FPS do efeito parallax #44

Closed caiogondim closed 11 years ago

caiogondim commented 11 years ago

Galera,

Achei o efeito parallax um pouco lento dai entrei no Dev Tools e vi que o FPS dele tava bem baixo mesmo. Dei uma melhorada no código pra aumentar o FPS. Tá bem mais leve a rolagem, e o efeito continua o mesmo.

O que fiz foi, basicamente, não chamar a função que gera o efeito parallax a cada evento scroll, e sim a cada, no máximo, 16ms. 16ms e o tempo necessário pra que a gente tenha 60 FPS.

Setei o wrapper do header como position: absolute também pra tirar ele do flow e evitar, claro, o reflow.

caiogondim commented 11 years ago

O profile do antes e depois. antes depois Percebam que, antes, o FPS tá muito abaixo de 30FPS. E depois o FPS tá sempre abaixo de 30 FPS, e quase sempre abaixo de 60 FPS (o ideal).

almirfilho commented 11 years ago

Niice! A rolagem ficou bem mais suave mesmo.

almirfilho commented 11 years ago

Reabrindo pra dar merge.