Hardloop-calculators
PaceLab
Vijftien hardlooptools die in de browser van de bezoeker rekenen. Je typt twee getallen en het derde staat er al: geen knop, geen account, geen wachttijd.
Het vraagstuk
Simpele som, merkwaardig veel wrijving.
Tempo uitrekenen is simpele wiskunde, maar de sites die die som aanbieden zijn dat zelden. Het antwoord ligt onder een advertentieblok, je moet eerst op een knop drukken, en welke formule eronder zit blijft onduidelijk.
Bijna niemand gaat na een training zelf staan puzzelen of 22 minuten over 5 kilometer nu 4:24 per kilometer is. Mensen zoeken het op, willen het antwoord zien en gaan verder. Voor een vraag die in principe in een tiende seconde beantwoord is, is de gangbare wrijving merkwaardig groot.
De opgave die we onszelf stelden: dezelfde vraag beantwoorden, maar dan direct, controleerbaar en zonder dat de bezoeker er iets voor inlevert.
De aanpak
Eén rekenkern, vijftien ingangen.
Het werk
Donkere baan, oranje signaal.
Hardlopen is een sport van aflezen: je kijkt naar een getal en beslist. Dus staat de uitkomst in Oswald op koptekstformaat, met knoppen die groot genoeg zijn voor een duim buiten.
Het resultaat
Vijftien tools, nul wachttijd.
De site telt vijftien tools verdeeld over vier categorieën: drie calculators, twee plan- en voorspeltools, acht pace charts en twee naslaggidsen. Alles wordt vooraf gerenderd en rekent client-side.
Daaronder liggen 214 vooraf uitgerekende referentierijen en 51 uitgeschreven vraag-en-antwoordparen, die ook als gestructureerde data in de pagina's zitten. De runtime-afhankelijkheden blijven beperkt tot Next.js, React en React DOM.
Hardlooptools uit één rekenkern
Vooraf uitgerekende referentierijen
Uitgeschreven vraag-en-antwoordparen
Netwerkverzoeken tijdens het rekenen