Voorbeeldzaak · Personal trainer · Rotterdam

Voorbeeldzaak FORM by Elias: sneller zonder dat je het ziet

Voorbeeldzaak FORM by Elias kwam in juni, vlak na Studio Havik. Op een telefoon was hij traag. In één middag werd hij snel, en aan de buitenkant zie je er bijna niets van.

Eerlijk antwoord: FORM by Elias bestaat niet. De site wel. Elias is een AI-persoon; zijn foto's zijn met AI gemaakt. De sterren en aantallen óp de demo zijn opvulling. Ik laat allebei de metingen zien, ook de 98.

100

Na de fix mediaan van 3 · Lighthouse · mobiel · vr 12-06-2026 · vorig adres

Nu 3 van 3 · Lighthouse 13.5.0 · mobiel · live · 30-09-2026

Voor en na

Zie je het verschil? Ik ook niet. Je telefoon wel.

Links de eerste versie van 11 juni, rechts wat nu live staat. Bijna hetzelfde beeld. In de opdracht voor de fix stond dat een telefoon rond de 70 scoorde. Het probleem zat onder de motorkap: een zware animatiebundel en een bewegende achtergrond die nooit stopte.

De eerste versie van FORM by Elias op een telefoon, 11 juni: donkergroene kop, een groene knop en een omlijnde knop — Schuif gerust. Aan de buitenkant verandert bijna niets.

FORM by Elias zoals hij nu live staat, op een telefoon: dezelfde donkergroene kop en dezelfde knoppen — Schuif gerust. Aan de buitenkant verandert bijna niets.

Wat er onder de motorkap veranderde, op 12 juni.

Animatiecode bij het openen ~~133 KB~~ werd 2,4 KB
JavaScript op de telefoon ~~50 KB~~ werd 2 KB
Animatie-aanroepen op de telefoon ~~ongeveer 250~~ werd 0
Opstarttijd van de scripts ~~224 ms~~ werd 45 ms

Wat ik ervan leerde

Die les werd een regel.

Zware beweging alleen op de computer. Op de telefoon geen zware animatiecode. Dat staat sinds 12 juni in elk dossier dat mijn intake-tool maakt. En het staat in de lat van deze site.

Maar het kan ook te ver gaan · vr 12-06 · 18:09

statisch en doods (als een template)

Zo voelde de telefoonversie na de fix. Dus kwam er een licht bewegingssysteem terug, alleen met CSS en een klein stukje script. De score op de telefoon bleef tussen 98 en 100.

Juni · de proefpersoon

Een maand eerder, en de proefpersoon.

FORM is een maand ouder dan SNIT en KADANS. Hij bestaat omdat mijn intake-tool een testgeval nodig had: een verzonnen trainer, als vaste proef. Meteen bij de eerste proef bleek een fout. De tool maakte van een personal trainer een schoonheidssalon, met zinnen als "Wordt het mooi?". Dat is op 9 juni gerepareerd, en FORM werd de test daarvoor.

do 11-06 (bouw): 18:23 tot 19:21, beelden en video, na de lus; 15:20 tot 17:44, bouwlus, begin afgeleid uit bestandstijden; 19:40 online gezet; 19:50 tot 21:06, nog zes keer online gezet
vr 12-06 (de fix): 16:25 tot 16:55, fix en meting; 17:36 online gezet; 17:39 online gezet; 18:09 tot 19:29, beweging terug, lessen opgeschreven; 19:16 online gezet; 20:14 tot 21:07, lessen in de intake-tool
zo 30-08 (verhuisd): 09:10 online gezet

De bouwlus draaide op do 11-06 's middags; het begin is afgeleid uit bestandstijden. Een deel van de andere tijden komt ook uit bestandstijden, de rest uit de deploy-geschiedenis en de meetrapporten.

Wat misging

Drie minuten niets.

Bij één deploy ontbrak wélke map online moest. Dus ging de hele projectmap. Resultaat: elke pagina gaf een foutmelding. Drie minuten later stond het goed.

Een dag vindbaar. De eerste versies stonden een dag open voor Google, met verzonnen sterren in de code. Op 12 juni afgeschermd, zodat Google hem niet meer oppakt.
Het formulier werkt nu nergens. Het is gebouwd voor Cloudflare, maar stond eerst op Netlify, en de verhuizing ging zonder de serverfunctie. Het staat op de lijst.

Een witte pagina met de melding Page not found: zo zag elke pagina van FORM by Elias eruit na de deploy van 12 juni om 17:36 — Die versie bestaat nog; deze schermafbeelding is van 30 september. Het adres stond open; wie keek, zag dit.

De werkbon

Wat erop staat, en wat niet.

De bouwlus van FORM laat minder sporen na dan de latere zaken. Zijn git-geschiedenis bestaat niet meer. Daarom staat er bij de beurten "ongeveer". Wat de beelden kostten, is nergens bijgehouden, dus dat staat er niet op.

Werkbon Voorbeeldzaak FORM by Elias · personal trainer, Rotterdam

Gebouwd met: Claude Code
Beurten: ongeveer 14 geteld uit het logboek; de git-log van de lus bestaat niet meer
Taken: 13 van 13 allemaal groen
Bouwdagen: do 11-06 en vr 12-06 op 30-08 verhuisd naar een ander adres
Online gezet: 10 + 1 10 versies op Netlify, 1 op Cloudflare
Pagina's: 11
Prestaties: 98 mobiel, 3 van 3, 30-09; na de fix op 12-06: 100
Toegankelijkheid: 100 mobiel en desktop
Wat misging: 3 minuten 404 vr 12-06 17:36: de verkeerde map online gezet
Formulier: werkt nu nergens de serverfunctie draait op geen van beide adressen
Prijs: n.v.t. voorbeeldzaak, geen opdracht

Gemeten met Lighthouse 13.5.0 op de live site, 30-09-2026. De 100 van 12-06 is gemeten op het vorige adres.

De etalage

De zaken die erna kwamen.

Bekijk alle voorbeeldzaken

Snel, ook als niemand kijkt.

Een vaste prijs, en elke meting op de werkbon.

Wat kost een website

Liever zelf bouwen? Zelf leren bouwen met Claude Code.