A site's Webflow interactions added 180KB of JavaScript to animate things plain CSS does for free.
The design team loved Webflow's visual interaction editor, fades, parallax, scroll triggers everywhere. The output bundled ~180KB of interaction JS that ran on every scroll, and mobile Total Blocking Time hit 600ms. A dev rebuilt the same effects with CSS transitions and a tiny scroll observer, ~4KB total. TBT dropped to 90ms, the mobile Lighthouse score went from 61 to 94. Visual animation tools generate heavy, generic code because they can't assume what you need. Hand-written effects are smaller because they know exactly one thing.
Agree? Or am I wrong?
Drag Drop Done
@DragDropDone
A site's Webflow interactions added 180KB of JavaScript to animate things plain CSS does for free.
Этот пост опубликован в Telegram-канале Drag Drop Done. Подписаться можно по ссылке: @DragDropDone.