200 Milliseconds

124

ddimitarpanov 3 days ago 40 commentsRead Article on 200ms.thenodebook.com

⚡ Community Insights

Discussion Sentiment

79% Positive

Analyzed from 1083 words in the discussion.

Discussion (40 Comments)Read Original on HackerNews

Retr0id•28 minutes ago

> Violet marks the data as it moves, always top to bottom. Nothing else on the page uses that color.

I'm seeing 3 violet elements on my screen. "ms" in the top left, the dot next to that text, and a dot on a horizontal timeline at the lower edge of the screen. Scrolling down I see yet more violet UI elements, I assume the one on the vertical timeline represents the data, while all the others represent... other things.

It seems violet is just the accent colour used for everything, which makes it an especially perplexing comment. I can only assume the "author" never even read the LLM's output before posting it.

anon7000•19 minutes ago

Yeah this smells like the type of comment an LLM leaves when it gets a really specific instruction. “use one consistent color for the data timeline. Right now we’re using multiple which is confusing.” Then the LLM writes some comment that’s a mini retrospective on what happened to justify itself.

foolswisdom•12 minutes ago

Claude seems to do this all the time. That, the empty words and the increased self initiative of claude were all reasons I decided to just use codex (now merged into GPT).

felooboolooomba•about 2 hours ago

> The person who clicked noticed no delay.

Just to be the "actually..." guy: People notice 200ms delay. It's just that in cases it doesn't cause any bad feelings."

zahlman•about 2 hours ago

I learned three thresholds over the years. Well, one of them decades ago and the others recently. Basically:

At 50ms, you notice.

At 400ms, you care.

At 2000ms, without output, you wonder if it crashed. (That was the old one.)

p-e-w•about 2 hours ago

> At 2000ms, without output, you wonder if it crashed. (That was the old one.)

That must have been a really, really long time ago indeed, because there are very few websites now that take less than 2000ms to load. The linked site didn’t even come close on my phone (probably 3-4 seconds), and I most certainly didn’t wonder whether it had crashed.

Aurornis•about 2 hours ago

The timing refers to feeling like the device acknowledged your request with some response.

Not seeing the final completion of the request.

Your phone probably showed something after you clicked the link but before the page rendered: Link highlight change, a progress bar, etc.

If your phone had crashed and the browser was non-responsive, you would have recognized it quickly. More quickly than the page load time.

thenthenthen•about 1 hour ago

I dunno man, i am In China.. everything outside of it takes at least 2000-5000 ms to even start responding on a good day

bloppe•about 2 hours ago

GitHub

Crunchified•about 1 hour ago

I'm finding more and more web sites that won't load at all until I request them a second time.

jonahrd•about 2 hours ago

Am I crazy if for something like an online purchase, I kind of expect it to take a second or two to process the payment, so I would assume something went wrong if it was 200ms?

antonymoose•about 1 hour ago

I’ve definitely had in the UX side a situation where the PM/Owner types asked me to introduce a delay in the “disabled button with loading spinner” such that the user sees it for a visible amount of time because our API was too fast for their taste.

mrloop•19 minutes ago

Yes similar here, async operation that could be quick enough not to warrant a busy state, but not all the time. So rather than show a flash of busy state, that makes the ui look janky when the operation is quick, show the busy state for a minimum amount of time

blue_sauce_bean•about 1 hour ago

Your comment reminded me of when Google introduced "Instant Search" in 2010. Here's an old HN thread from the launch: https://news.ycombinator.com/item?id=1672391

dataflow•about 1 hour ago

That was terrible, I used to always turn it off. It's like speaking one word and the person interrupting you based on the prefix you had uttered so far... every single darn word. Imagine writing "how do I kill" and having it assume you meant a living being rather than a program.

eterm•about 1 hour ago

No-one mourned when that one went to the Google Graveyard.

JoeBOFH•about 2 hours ago

Same, I call it the perception of work.

dagi3d•about 2 hours ago

I remember prior de AI era, it was a common pattern to for some delay in the answers to make it feel more "human"

1986•about 1 hour ago

IIRC TurboTax has a bunch of loaders / spinners like this, similar idea.

rictic•13 minutes ago

I'd be impressed with a touchpad and OS that can go from an actuation to a userspace process receiving a click event in 1.2ms. I'd expect something more like 10x that. My understanding is that most hardware samples between 90-130Hz, and even premium hardware only samples at 250Hz which would average 2ms before the kernel is aware.

Animats•12 minutes ago

So why does it take 5-10 seconds from card presented to accepted at Starbucks and CVS?

beders•about 2 hours ago

This is magnificent!

Gave me roller-coaster ride across 40 years of gathering knowledge about computers and networks.

I'm very jealous of whoever created that. Well done!

LeBit•about 1 hour ago

You are not jealous. You are envious.

Homer explains it best https://youtu.be/Tmx1jpqv3RA

beders•9 minutes ago

I can always rely on hacker news to improve my English

mittermayr•40 minutes ago

thanks for posting this, I just shared this with everyone in the room here and nobody knew the difference.

ahofmann•about 2 hours ago

While I also enjoyed it very much, some thing are strangely ordered and not how I would expect someone with such knowledge of all the moving parts in a request, would build such a site. So for me it feels like an LLM has build it and the human with the prompt saw it and said "eh, good enough".

mimischi•about 2 hours ago

Agreed. This reeks LLM writing with no human oversight, or at least a human with no writing experience. The text underneath “The Click” is an immediate giveaway:

> Five milliseconds of hardware and browser bookkeeping before a single byte leaves the laptop.

I don’t even know how to describe it, but the “[…] before X” sentence style stands out to me.

Cabbache•about 1 hour ago

This is very nice and for me especially because I've tried to think about it before your post. I think you can write a very long book if you go really into detail such as the underlying physics for wifi starting from maxwell's equations, how specific CPU architectures execute one instruction at a hardware level and maybe more in depth discussion about the math and cryptography within TLS.

joshstrange•about 1 hour ago

> Violet marks the data as it moves, always top to bottom. Nothing else on the page uses that color.

Proceeds to use that color for tooltips, text color, headers, and more

This was a really cool visualization but that ^ bothered me way more than it should have.

viggio24•about 2 hours ago

Wonderful page, congratulations! navigating to the end takes time but the contents and the presentation are great

inerte•about 2 hours ago

Back in the day "what happens when the user types a url in the address bar and press enter" used to be an interview question, and I remember nobody has ever mentioned the hardware and keyboard keys and interrupts. This post does! Pretty awesome detailed view of a request lifecycle.

Sesse__•18 minutes ago

I once got that question, started with the keyboard switches and the interrupts, and the interviewer sighed and asked me to get to the stuff in the browser.

Carrok•about 2 hours ago

I still like this question because of exactly what you mentioned. What the interviewee does and does not mention can give you a fair bit of insight into their priors.

dangoodmanUT•39 minutes ago

If it was 200ms, then it had already charged the card...

arjie•about 2 hours ago

Wow, input lag is a lot lower than I thought. I thought it was a polling-based flow at some 120 Hz roughly. Good to update these numbers.

3dedb728-3f77•about 2 hours ago

200ms is insane, 50ms is the goal.

But really, great page.

Someone new could learn from it the basics of what to check when debugging web.

ahofmann•about 2 hours ago

The US is so big, that 50 ms is physically not possible for everyone. This is something that not everybody is aware of. When I as a German build something for germans, everyone who needs to wait longer than 100 ms for a request, is rightfully mad. But when I want to serve the same stuff to americans at the same speed, I have to build something completely different and much more complex.

fragmede•7 minutes ago

Not for everyone, but most people are located in population centers with nearby PoPs.

ben_w•about 1 hour ago

> When I as a German build something for germans, everyone who needs to wait longer than 100 ms for a request, is rightfully mad.

Somewhat ironic, given how many contracts here seem to come with 3 months notice periods.

eterm•about 2 hours ago

The CSS animation of the encrypted message overwriting the plain is utterly cool.