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.