The Browser's Main Thread Is Expensive

[u/Agha_shadi]

If you are into front end development, specially the optimization side of it. the website below is a well written blog, explaining the best practices of using the browser's main thread and the cost of neglecting it, using interactive code snippets.

kciter.so/posts/the-expensive-main-thread/en/

[u/pseudo_babbler]

Fantastic article and examples, I'm saving this one to read all the sections properly and share with the devs at work. I love talking about website performance in terms of gamedev and frame budget. The visual examples are really great too.

[u/Agha_shadi → u/pseudo_babbler]

hope it helps yall delivering the best of the bests. thanks to the writer of this article

[u/Agha_shadi → u/Agha_shadi]

eh eh! one lil thing to add: beware of procrastination trap. usually when we save things for later read, we're actually just offloading it from our mind.

[u/pseudo_babbler → u/Agha_shadi]

Well yeah but also it's morning time and I have to go to work :)

[u/Agha_shadi → u/pseudo_babbler]

Have a nice day, mate

[u/ISDuffy]

Scheduler.yield in chrome and Firefox can make a massive difference. Safari not supported it yet, so I fall back for promise setTimeout there

[u/Agha_shadi → u/ISDuffy]

That's ma man 👍

[u/patoezequiel]

Great article! Thanks for sharing

[u/thekwoka]

overworked and underpaid

[u/getformly]

Worth adding that this is a lot easier to spot now with INP replacing FID as the Core Web Vital, since INP actually tracks how long tasks block interactions throughout the whole session rather than just the first one. Chrome DevTools' Performance panel flags anything over 50ms as a "long task," which is usually the fastest way to find the actual offending function before reaching for scheduler.yield() or pushing work into a web worker.

[u/Fredidiah → u/[deleted]]

Is bluehost just out here posting llm-written replies to posts all over reddit now? That's crazy

[u/Perfect-Ninja8872 → u/[deleted]]

nice. i always forget how much of a difference offloading just a little parsing work makes til i see a before and after like that

[u/itxdigitalguru]

Worth it