Stick to Compositor-Only Properties and Manage Layer Count
web.dev · 666 words · saved by 1 readers
Compositing is where the painted parts of the page are put together for displaying on screen.
Utilizza solo proprietà solo per il compositore e gestisci il numero di livelli La composizione è il processo in cui le parti dipinte della pagina vengono messe insieme per essere visualizzate sullo schermo. Le animazioni non composite richiedono più lavoro e possono risultare jerky (non fluide) su smartphone di fascia bassa o quando vengono eseguite attività che richiedono un elevato utilizzo della CPU sul thread principale. In questa area esistono due fattori chiave che influiscono sulle prestazioni della pagina: il numero di livelli di compositor da gestire e le proprietà utilizzate per…
saved by
related reading
- Boya karmaşıklığını azaltın ve boya alanlarını azaltınweb.dev
- Inside look at modern web browser (part 3) | Blog | Chrome for Developersdeveloper.chrome.com
- Populating the page: how browsers work - Performance | MDNdeveloper.mozilla.org
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- will-change in CSSjakub.kr
- Details That Make Interfaces Feel Betterjakub.kr
- Inside Framer's Magic Motionnan.fyi
- Render-tree Construction, Layout, and Paint | Articles | web.devdevelopers.google.com
- An Introduction to the Browser Rendering Pipelinewebperf.tips
- CSS Animations Level 1w3.org
- Don't animate height! | Granolagranola.ai