Hacker News Reader

Comment by krstffr | Hacker News Reader

This website almost crashed my m1 macbook pro (renders at 1 fps or something), so I guess point taken: rendering text is not simple!

View on HN

Looks like it's caused by `backdrop-filter: blur(6px);` on `.menu-content`. After disabling that it's slow, but not that slow.

Edit: This is with Firefox 144 on Ubuntu 22.04

No, actually the biggest difference is removing the `filter` property from the `.wave2` class which is used for rendering the background. With that removed the page is responsive even with the backdrop-filter - and it makes no visual difference AFAICS.

Thanks folks for all the suggestions, I've rewritten the whole page :)

It's also perfectly responsive if you disable JavaScript. Maybe something related to the --positionX and --positionY CSS variables that are updated on every mouse move?

And on my desktop, scrolling this page is painfully slow.

Author: frontend technical lead, setting high code standards

> Author: frontend technical lead, setting high code standards

Haha, to be fair it's common to half-ass personal projects even if it's your primary domain.

what's worse is that scrolling doesn't actually work unless you have the text area focused/under the wheel... very weird. Which is even worse for PgUp/Down as who would think to focus the area first for scrolling???

> who would think to focus the area first for scrolling???

Sadly, this problem is common enough that click-before-keyboard-scrolling has become second nature for me.

With what browser? Seems fine with Chrome.

Reply on news.ycombinator.com