Live demos · this site is built with Keel
Demo · page updates

Change only what changed

Keel updates a page by editing the elements that changed, found by stable ids, instead of rebuilding the page. The update below is planned by the engine and applied by your browser.

One page, one small change

The engine compares the old and new interface and sends only the edits: this text, that new element. Nothing else on the page is touched.Ready

Time it in your browser

Apply a real update to this page and see how long your browser took. The number is for your machine, not a benchmark.
How it works

Why small updates matter

Rebuilding a whole page to change one line costs time and loses state such as focus and scroll position.

Stable ids

Every element keeps an id across updates, so the engine can tell which ones changed.

Only the edits

The update is a short list of edits, such as new text or an inserted element, not a new copy of the page.

State survives

Elements that did not change stay in place, so focus, selection and scroll position are kept.
defer> defer> defer> defer> defer> defer> defer>