Nijin Contact

Start loading on hover Anticipation

Finding

When we hover over a button or link, there is a good chance we are going to click it.

So instead of waiting until the click to start loading the next page, we can start loading it when the user hovers.

Current: Click → Load → Wait

Better: Hover → Start loading → Click → Content is ready

Field Lamp Desk Clock Stone Vase
0300 ms600 ms900 ms
Pointer hover click
Network GET /desk-clock in cache
Screen painted · 0 ms wait
Watching Runs on its own

Example

If I hover over a project card, the website can start loading that project page in the background.

When I click it, the page can open much faster.

This is called prefetching and is already used in modern websites and apps.

Why I like it

We don't have to load everything when the website first opens.

We only start loading something when the user shows interest in it.

Small interaction, but it can make the website feel much faster.