Show HN: HN Avatars in 357 bytes

Post by styfle » Fri, Mar 18, 2022, 9:02 PM UTC

tomxor wrote: post #300

onion2k wrote: post #43

This is fun. One suggestion.. rather than creating a canvas for each user using a querySelectorAll and a loop, I'd use an IntersectionObserver and only create the canvases as they scroll into view. That way the user's device won't need to create hundreds of elements when the code runs. let observer = new IntersectionObserver( (entries) => { entries.forEach((entry, i) => { if (entry.isIntersecting) { const p = 2; cons…

Thanks, Interesting idea. I'm a little sceptical of the performance improvement, but I suppose that depends what we mean by performance. Your strategy essentially trades a one time computation and DOM mutation with a continuous but lighter one with some added overhead. In this case I suspect the total power performance is worse over time; _however_ latency and UX should be _better_, since it removes the relationship…

Post by tomxor » Sat, Mar 19, 2022, 12:38 AM UTC

styfle wrote: post #521

tomxor wrote: post #300

Earlier quoted context omitted.

Thanks, Interesting idea. I'm a little sceptical of the performance improvement, but I suppose that depends what we mean by performance. Your strategy essentially trades a one time computation and DOM mutation with a continuous but lighter one with some added overhead. In this case I suspect the total power performance is worse over time; _however_ latency and UX should be _better_, since it removes the relationship…

I wonder how ` ` would compare to ` ` instead

Post by [deleted] » Sat, Mar 19, 2022, 4:40 PM UTC

Post by pyxelr » Sun, Mar 20, 2022, 12:25 PM UTC

Post by IA21 » Sun, Mar 20, 2022, 1:13 PM UTC