TechPrufer
Get started
Glean
Glean logoGlean · Feature trail

New Tab Page Performance Optimization

1 post · Aug 2026

What this trail covers

Glean's New Tab Page is optimized for instant loading by leveraging Service Workers with Workbox for offline caching of code and resources, and redux-persist with relaxed durability to cache user preferences locally in IndexedDB. A novel technique inspired by Server Side Rendering is employed: the client-rendered DOM's HTML is snapshotted and persisted to the Service Worker, allowing for immediate display with no JavaScript required for the initial render.

All Glean trails
  1. How Glean loads instantly - GleanThis post details the implementation of a novel technique for instant New Tab Page loading by combining Service Workers with Workbox for offline caching of code and resources, redux-persist with relaxed durability for local caching of user preferences in IndexedDB, and a client-side snapshotting of the DOM's HTML persisted to the Service Worker. This allows for immediate display with no JavaScript required for the initial render, avoiding issues like clearing search inputs, improper hydration, and staleness.