Animazioni per il web a 60 fps con Alessandro Menduni
Olegs Belousovs · · Articolo in Meetup, User Experience, Web Performance
Talk di Alessandro Menduni su animazioni per il web a 60 fps e come svilupparle performanti, fatto al 9° meetup del Turin Web Performance Group il 27 luglio del 2017 da Toolbox Coworking.
Spesso capita di creare un’animazione in CSS che sembra svolgersi fluida sul PC, ma che una volta spostata sullo smartphone appare più come uno slideshow.
In realtà, una bella animazione CSS a 60fps sul web è possibile, anche su mobile. Si tratta semplicemente di animare le proprietà «giuste»: esatto, in CSS tutte le proprietà sono uguali, ma alcune sono più uguali delle altre.
In questo talk, Alessandro condivide la propria esperienza su:
- perché impegnare troppo il browser colpisce le performance di un’animazione;
- cos’è il jank e perché avviene;
- quali sono le possibili cause di «frame lunghi»;
- cosa si può fare per aiutare il browser a raggiungere i fantomatici 60 fps;
- un esempio pratico;
- alcuni link interessanti di approfondimento.
Trattandosi di un argomento piuttosto ampio e dibattuto, ci sono moltissime risorse cui possiamo fare riferimento nel tentativo di sviluppare animazioni performanti.
Speaker – Alessandro Menduni
Consulente e sviluppatore front-end e il suo obiettivo sarebbe quello di aiutare le aziende a potenziare l’esperienza che offrono online, così che il loro brand possa spiccare in un web sempre più affollato. La sua missione? È appassionato di performance e UX e da ormai un anno cerca nel suo piccolo di portare anche in Italia tutto ciò che il web ha da offrire, scrivendo e twittando ciò che impara giorno dopo giorno.
Slide: https://docs.google.com/presentation/d/1vxERujl5c3AHcEojuHoHJzuPeMvmNApBYTfhXsPaf6Q/
Evento: https://www.meetup.com/it-IT/Turin-Web-Performance-Group/events/241394003/
Vuoi fare o proporre una presentazione a uno dei Meetup di Turin Web Performance Group?!
Siamo sempre alla ricerca di nuovi speaker provenienti da tutti i settori inerenti alle web performance e di ogni livello di preparazione. Se ti interessa a fare una presentazione al Meetup di Turin Web Performance Group, scrivi un messaggio a uno dei nostri organizzatori.
Cerchiamo sponsor per stampare dello swag e offrire cibo e bevande ai partecipanti dopo i talk.
Come contattarci
- trnwebperf [at] gmail.com
- twitter.com/trnwebperf
La community online
- Gruppo Web Performance Italia su Facebook
- Torino Web Performance su Slack
- Web Performance Group on Slack (in inglese)