4 ms·
"Animated website backgrounds in a few lines of code." https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js https://cdnjs.cloudflare.com/ajax/libs
by pmlnr 5y ago
"Animated website backgrounds in a few lines of code."
https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.m... - 631.12kB
https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.m... - 15.20 kB
Few lines where?
That said, I love it, reminds me of the long gone http://www.dhteumeuleu.com/ http://www.dhteumeuleu.com/ projects. I would never, ever actually deploy it though, it's grindingly slow.
- tyingq 5y agoThat three.min.js is 128kb over the wire compressed, which isn't too terrible. It's hard to judge from the linked page, since it's showing all the available effects. But I imagine if you're using just one that it adds up to something smaller than the typical huge "hero images" on a lot of pages.
- pmlnr 5y agoThe over the wire argument is the most flawed of all, ever. It's the code executed, thst matters, when it comes to wasting cpu.
- tyingq 5y agoThe performance difference around download times and time-to-being-usable are quite obvious if I turn off gzip/deflate in the client, so I'm not sure it's "most flawed". I did also mention an unofficial builder where you can bundle just the parts of three.js you need in another comment.