De ce inhibă css-animație

• CSS
• HTML
• animație

Esența problemei sunt după cum urmează. Site-ul are o bară laterală (pentru a părăsi meniul din dreapta), animația se bazează pe css-tranzițiile. În starea inactivă a barei laterale are următorul cod:

clasa cu acest cod se adaugă la starea activă la el:

Problema este că periodic sunt frânele atunci când deschiderea / închiderea meniurilor. Profiler Google Chrome nu a dat nici o informație cu adevărat în ceea ce ar putea fi motivul închis. Pe cadrul animației este nevoie de doar 1-3 ms, dar FPS scade la 15-20 de cadre. Frâne urcă periodic (la acele momente inhibă toate animație), a legilor a spus că acestea apar adesea în timpul perioadelor de inactivitate (în cazul în care site-ul nu ia nici o acțiune pentru 20-30 de secunde).

Cred că o cauză posibilă a unora din hardware / software-ul (deși este mai rapid și mai inteligent), dar ar dori să elimine atarna (probabil pentru că nu este am unul). De aici întrebările:

1. Care poate fi motivul pentru astfel de frâne, care se confruntă cu acest lucru?
2. Ce soluții ați folosit pentru a face animații lin?

P.S. „-Schimbare va: transforma;“ nu de mult ajutor, deoarece browser-ul fără a face toate un strat separat.