Settings panels that paint instantly

Heavy settings panels paint their last-known state immediately, then replace it with the live data — and show a stable skeleton rather than an empty form while loading.

What it is

Two techniques used across the settings tabs: a per-panel cache that renders the previous values on mount, and loading skeletons that hold the shape of the content instead of flashing an empty state that reads as disconnected.

Also called: settings page is slow · shows nothing then fills in · loading flicker

See it
Settings panels that paint instantly
Day rate
$600
Days figured
6
Crew size
4
Fuel & equipment
$300
Finished 2 days early — $1,400 back to the crew
Side by side: the checking skeleton on the GHL card versus the flash of an empty credential form it replaced. Sample data — no customer information appears here.
How it works
  1. 1Panels read a cached payload and apply it, then fetch the live row and apply again, writing the fresh copy back to the cache.
  2. 2The Integrations status shows a checking skeleton with the line 'Checking your GoHighLevel connection…' while the status call is in flight.
  3. 3Caches are org-scoped and purged on any account change.
Why we built it

Two comments capture the complaint. Brand Center and Phone Numbers are marked cache-first as; the Integrations skeleton is annotated as fixing 'the it shows nothing then fills in complaint'. An empty credential form is not a neutral loading state — it reads as 'you are not connected'.

The problem
  • Loading states were indistinguishable from empty or disconnected states.
Sound familiar?
What you get
Settings feel instant on return visits.
A loading connection never looks like a broken one.

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →