koshisoftware.pe
This website: bilingual, built with Angular and as fast as a static page. 100 in all four Lighthouse categories, on mobile and desktop.
- 100Performance
- 100Accessibility
- 100Best practices
- 100SEO
Median of three runs in production, mobile and desktop, measured on 2026-10-12.
The challenge
An Angular app usually downloads and runs all of its JavaScript before it responds. For a business website that costs visitors: Google measures speed on phones and uses it to rank results. The goal was the experience of a static page, in Spanish and English, without giving up interactive parts like the editor on the home page.
The approach
- Every page is prerendered at build time, once per language, and Cloudflare Pages serves it as HTML.
- Incremental hydration: each section loads its JavaScript only when it scrolls into view, and earlier clicks are replayed afterwards.
- Each language has its own URL, with canonical and hreflang, so Google shows the right version.
- Lighthouse is measured in production after every release, not just locally.
The result
100 in performance, accessibility, best practices and SEO, on mobile and desktop, on all four public pages. The home page downloads only the JavaScript for what is on screen; the rest arrives as you scroll.
Two setbacks along the way
- A better-matched fallback font made the browser measure the headline twice: mobile performance dropped from 100 to 86. I went back to the previous font loading and fixed the headline’s width.
- The example on the business page switched languages with a fade. In the frames in between, the text was half transparent and Lighthouse flagged insufficient contrast. Now it switches without a fade.