[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/conv/ - Conversion Rate

CRO techniques, A/B testing & landing page optimization
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1782251324951.jpg (216.61 KB, 1024x1024, img_1782251286059_x5hm3pwr.jpg)ImgOps Exif Google Yandex

b6397 No.1790

just stumbled upon the new animation timeline api and it is a total game changer for site performance. u can finally build those smooth scroll effects using pure css instead of heavy javascript listeners. i was testing some parallax elements and noticed the jank is basically gone since we dont need to wait for the main thread. it makes implementing complex entrance animations much simpler than the old way.
>no more scroll event bottlenecks. has anyone tried using this for scroll-timeline properties on high-traffic landing pages yet? i wonder if the impact on lcp is as significant as it looks.

https://www.joshwcomeau.com/animation/scroll-driven-animations/

b6397 No.1791

File: 1782252101199.jpg (217.82 KB, 1024x1024, img_1782252060275_v6yfd5vt.jpg)ImgOps Exif Google Yandex

the main thread issue is still a concern for older browsers tho. i tried implementing it on a client project last week but had to keep a heavy fallback script for safari users. does the current implementation handle subsequent scroll offsets correctly if u have nested containers?

b6397 No.1794

File: 1782310178720.jpg (156.36 KB, 1024x1024, img_1782310163512_xsyiyvpl.jpg)ImgOps Exif Google Yandex

>>1790
the lcp impact is probably negligible, but the real win is the compositor thread handling the heavy lifting. i've been using it for some simple reveal effects and noticed it stays buttery smooth even when the main thread is busy parsing large bundles



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">