Classic UI responsiveness problem

Skip to main content

Command Palette

Search for a command to run...

Classic UI responsiveness problem

PublishedFebruary 16, 2025

•1 min read•View as Markdown

Classic UI responsiveness problem

Just a guy who loves to write code and watch anime.

On this page

Introduction Summary The problem The solution Web workers

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Become a cracked product engineer today

Qualities that make outstanding builders.

Jun 1, 2026·4 min read

Become a cracked product engineer today

Bipedal, humanoid, and the words for creature shapes in games

Bipedal vs quadrupedal: how many legs This is about the number of legs the creature walks on. Bipedal. Two legs. Humans, ostriches, T-rex, kangaroos, most fantasy humanoids. Quadrupedal. Four legs. Do

May 18, 2026·3 min read

Bipedal, humanoid, and the words for creature shapes in games

Lerp and smoothstep, what they actually do

Intro You hear "lerp" and "smoothstep" everywhere in game dev. They sound like math jargon. They're not. Both are small tools that do the same job: smoothly move from one value to another. The problem

May 18, 2026·4 min read

Lerp and smoothstep, what they actually do

IK and FK, what they actually are

What is Kinematics Kinematics is the math field. It's the study of how things move without worrying about forces (which would be dynamics). FK and IK are the two branches: forward kinematics and inver

May 10, 2026·7 min read

IK and FK, what they actually are

How to make your textures fast on the GPU

Intro Textures are usually the biggest cost in a 3D scene. Memory, bandwidth, and load time all get eaten by them. Resizing them is the obvious lever. There's more. This post is about the less obvious

May 10, 2026·8 min read

How to make your textures fast on the GPU

T

Tiger's Place

497 posts

Introduction

We'll dive into a classic UI responsiveness problem. One where you interact with the UI and suddenly things freeze.

Summary

Heavy computations in the main thread can block the UI.
Move heavy computations to a different thread.
In the world of web development, we have the option of using web workers.

The problem

The fundamental problem is keeping the UI responsive while you do heavy computations.

One example is an image editing tool where you apply a bunch of edits to an image. The image needs to process each edit and apply it to the image. If processing each edit blocks the main thread, the UI will freeze. Meaning, while the processing happens, you can't do anything else.

This isn't just tied to the web. It's a general UI responsiveness problem.

The solution

The solution is to move the heavy computations to a different thread. This way, the main thread isn't blocked and can continue to process other functions.

Web workers

On the web, we can use web workers to move the heavy computations to a different thread.

It's worth noting that web workers can't directly access the DOM. However, you can receive data from the web worker and update the DOM from the main thread after receiving the data.

#performance #web-development #webdev #mobile-development #game-development

© 2026 Tiger's Place

Archive
Privacy
Terms