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
- Inside look at modern web browser (part 3) | Blog | Chrome for Developersdeveloper.chrome.com
- Boya karmaşıklığını azaltın ve boya alanlarını azaltınweb.dev
- 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
- Anime.js | JavaScript Animation Engineanimejs.com
- will-change in CSSjakub.kr
- Shadersshaders.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- UI Skills for Design Engineers | UI Skillsui-skills.com
- 60fps - UI/UX animation inspiration for mobile & web apps60fps.design