>soren hale — frontend developer
// Case study
Loopdocs
Developer docs that load at once and search as you type.
Time to the first search resultfrom 1.9 s→to 0.4 s
- Client
- Loopdocs
- Year
- 2022
- Role
- Frontend developer
- Kind
- Web
The problem
Loopdocs hosts API documentation for other companies. Search was a round trip to a server and the sidebar re-rendered on every page.
The approach
- Pages are static; only the search box and the code tabs are interactive.
- The search index ships in small pieces and loads the moment the box gets focus.
- Code samples remember the language you picked last.
The result
The first search result now shows in 0.4 s instead of 1.9 s, and the docs score 100 on every Lighthouse category.
Built with
AstroTypeScriptPagefindMDX
// Case study
Loopdocs
Developer docs that load at once and search as you type.
Time to the first search resultfrom 1.9 s→to 0.4 s
- Client
- Loopdocs
- Year
- 2022
- Role
- Frontend developer
- Kind
- Web
The problem
Loopdocs hosts API documentation for other companies. Search was a round trip to a server and the sidebar re-rendered on every page.
The approach
- Pages are static; only the search box and the code tabs are interactive.
- The search index ships in small pieces and loads the moment the box gets focus.
- Code samples remember the language you picked last.
The result
The first search result now shows in 0.4 s instead of 1.9 s, and the docs score 100 on every Lighthouse category.
Built with
AstroTypeScriptPagefindMDX
// Case study
Loopdocs
Developer docs that load at once and search as you type.
Time to the first search resultfrom 1.9 s→to 0.4 s
- Client
- Loopdocs
- Year
- 2022
- Role
- Frontend developer
- Kind
- Web
The problem
Loopdocs hosts API documentation for other companies. Search was a round trip to a server and the sidebar re-rendered on every page.
The approach
- Pages are static; only the search box and the code tabs are interactive.
- The search index ships in small pieces and loads the moment the box gets focus.
- Code samples remember the language you picked last.
The result
The first search result now shows in 0.4 s instead of 1.9 s, and the docs score 100 on every Lighthouse category.
Built with
AstroTypeScriptPagefindMDX
// Start a project
Tell me what you are building.
Three quick picks so the first reply is useful. You finish the message on the contact page.
// Start a project
Tell me what you are building.
Three quick picks so the first reply is useful. You finish the message on the contact page.
// Start a project
Tell me what you are building.
Three quick picks so the first reply is useful. You finish the message on the contact page.