Lähtökohta
Studion, joka myy nopeita ja löydettäviä verkkosivuja, on näytettävä se omalla sivustollaan. Ei lupauksilla, vaan luvuilla, jotka kuka tahansa voi tarkistaa.
Sivuston piti myös toimia kolmella kielellä ilman, että hollanninkielinen versio kärsii: Alankomaat on päämarkkina, englanti ja suomi tulevat lisäksi.
Toteutus
- Koodattu, ei teemaa. Next.js ja Tailwind CSS, ja jokainen väri, koko ja väli on kiinteä suunnittelusääntö.
- Ei JavaScriptiä kävijälle. Jokainen sivu rakennetaan valmiiksi tavalliseksi HTML:ksi. Kehyksen JavaScript poistetaan buildin jälkeen; jäljelle jää vain yksi pieni skripti animaatioita varten.
- Kolme kieltä omilla osoitteillaan.
/dienstenhollanniksi,/en/servicesenglanniksi ja/fi/palvelutsuomeksi. - Rakennettu Googlelle ja tekoälylle. Yksi H1 per sivu, rakenteinen data (Organization, LocalBusiness, BreadcrumbList ja FAQ) sekä kysymykset vastauksineen.
- Saavutettava. WCAG AA -kontrasti, näkyvä fokus, ja liikkeet sammuvat, kun järjestelmäsi pyytää vähemmän liikettä.
Tulos
- 100 kaikissa neljässä Lighthouse-osiossa mobiilissa.
- Alle sekunti, kunnes pääsisältö näkyy simuloidulla mobiiliyhteydellä.
- Kolme kieltä, kullakin omat käännetyt osoitteet.
Nämä eivät ole tavoitteita: voit mitata ne itse Chromessa Lighthousella. Juuri näin rakennan myös sinun sivustosi.