24 ms·
PC GPU architecture has special handling for cursors to ensure there is as little latency as possible. GPU's have a special buffer and position register for the
by omcnoe 2y ago
PC GPU architecture has special handling for cursors to ensure there is as little latency as possible. GPU's have a special buffer and position register for the cursor.
But for design.google they hijack the cursor rendering and this low latency goes out the window. First it's annoying that my expected cursor is replaced by some weird circle. But then that it's a laggy circle takes the cake. On a design website too. My computer has special optimizations to avoid cursor lag and your website broke them.
And screw low vision users who need a larger cursor to see where it is.
It also means you don't get the I bar when hovering over text making precisely copying text really annoying.
When there is such an immediate design issue with your design website it kinda takes away from the message.
- andhuman 2y agoI watched the Steve Jobs interview when he described Windows as pedestrian. This blog can be described as ”high browery”.
- Jyaif 2y agoImmediately noticed and was annoyed by the cursor thing. What the hell are they smoking over there?
- kuschku 2y ago> But then that it's a laggy circle takes the cake. On a design website too. My computer has special optimizations to avoid cursor lag and your website broke them. The best part is that it doesn't even stop there. They could've used `cursor: url(...)` (see https://caniuse.com/mdn-css_properties_cursor_url https://caniuse.com/mdn-css_properties_cursor_url), which just gives your GPU a different bitmap and keeps all the advantages. This has the same latency as anywhere else on the desktop. Then there's a worse, but still tolerable method, where you force the browser to put the element onto a separate hardware layer and use only with transform: translate to position the element, which allows the element to be GPU accelerated. This has the same latency as cursors in video games and is perfectly tolerable. But they don't even use that. They actually move the DOM element in the layout, causing terrible latency. Unless you're in Chrome, the only browser where it somewhat works. I forcefully re-enabled the regular cursor on their site, and you can see just how far their cursor lags behind: https://i.k8r.eu/z2UuFQ.png https://i.k8r.eu/z2UuFQ.png I've also tried setting a custom cursor image the proper way, using their favicon as example, and the differency in latency even in Chrome is still ridiculous: https://i.k8r.eu/z5VNaw.png https://i.k8r.eu/z5VNaw.png