Miksi valitsimme Astron — ja miten saavutimme täydelliset Lighthouse-pisteet
Kerromme miksi vaihdoimme Astroon, miten saavutimme 100/100 Lighthouse-pisteet jokaisessa kategoriassa ja mitä se tarkoittaa asiakkaillemme.
100 pistettä neljässä kategoriassa — ei trikkejä
Kun ajat Google Lighthouse -testin sivustollemme anhis.fi, tuloksena on neljä satasta: Performance 100, Accessibility 100, Best Practices 100, SEO 100. Se ei ole sattumaa eikä temppu. Se on tietoisten teknologiavalintojen ja optimointityön tulos.
Tässä artikkelissa kerron, miksi valitsimme juuri Astron verkkosivustomme pohjaksi, miten pääsimme näihin tuloksiin ja miksi sillä on merkitystä myös sinulle — etenkin jos mietit oman yrityksesi verkkonäkyvyyttä.
Mikä on Astro ja miksi se on erilainen?
Astro on moderni web-kehys, joka lähestyy verkkosivustoja täysin eri filosofialla kuin vaikkapa WordPress, Next.js tai Wix.
Perusajatus on yksinkertainen: lähetä selaimelle mahdollisimman vähän JavaScriptiä. Suurin osa yritysten verkkosivuista on pohjimmiltaan staattista sisältöä — tekstiä, kuvia, yhteystietoja. Miksi selain lataisi satoja kilotavuja JavaScript-koodia näyttääkseen yhteystiedot?
Astro ratkaisee tämän niin kutsutulla “islands”-arkkitehtuurilla. Sivu renderöidään palvelimella valmiiksi HTML:ksi, ja JavaScriptiä ladataan vain sinne, missä sitä oikeasti tarvitaan — esimerkiksi yhteydenottolomakkeeseen tai interaktiiviseen chatbot-widgettiin. Lopputulos on sivu, joka latautuu salamannopeasti.
Mitä Lighthouse-pisteet oikeasti mittaavat
Google Lighthouse arvioi verkkosivua neljässä kategoriassa:
| Kategoria | Mitä mittaa | Miksi sillä on väliä |
|---|---|---|
| Performance | Latausnopeus, vuorovaikutteisuus, visuaalinen vakaus | Hidas sivu karkottaa kävijöitä — Google rankaisee siitä hauissa |
| Accessibility | Saavutettavuus näkövammaisille, ruudunlukijoille | Laki vaatii, mutta ennen kaikkea se on oikein |
| Best Practices | Tietoturva, HTTPS, modernit standardit | Vanhentuneet käytännöt altistavat haavoittuvuuksille |
| SEO | Hakukoneoptimoinnin perusteet | Löydettävyys Googlessa ratkaisee näkyvyyden |
Monet sivustot saavat 60–80 pistettä Performance-kategoriassa. WordPress-sivustot raskailla teemoilla ja kymmenillä lisäosilla jäävät usein alle 50 pisteeseen mobiililla.
Miten saavutimme 100/100
Täydelliset pisteet eivät synny pelkällä framework-valinnalla. Tässä konkreettiset asiat, jotka teimme:
Minimaalinen JavaScript
Astro lähettää selaimelle oletuksena nollaa JavaScriptiä. React-komponentteja käytämme vain siellä, missä interaktiivisuus on välttämätöntä: yhteydenottolomake ja chatbot-widget. Kaikki muu — navigaatio, sisältöosiot, blogi — on puhdasta HTML:ää ja CSS:ää.
Kuvaoptimointi automaattisesti
Astron sisäänrakennettu astro:assets hoitaa kuvien muuntamisen WebP/AVIF-formaatteihin, oikean kokoisten varianttien generoinnin ja lazy loading -attribuuttien lisäämisen. Meidän ei tarvitse muistaa optimoida yhtäkään kuvaa käsin.
HTML- ja JavaScript-kompressointi
Käytämme @playform/compress-integraatiota, joka minifioi HTML:n ja JavaScriptin automaattisesti build-vaiheessa. Jokainen ylimääräinen tavu poistetaan.
Fonttien optimointi
Käytämme kahta fonttia: Archivo Black otsikoihin ja Inter Variable leipätekstiin. Molemmat ladataan font-display: swap -asetuksella, jotta teksti näkyy heti — fontin latautumista ei tarvitse odottaa.
Saavutettavuus rakenteesta lähtien
Semanttinen HTML, oikeat ARIA-attribuutit, riittävät värikontrastit oklch-väriavaruudessa ja näppäimistönavigointi. Saavutettavuus ei ole jälkikäteen lisätty ominaisuus vaan osa arkkitehtuuria.
Vercel Edge Network
Sivusto jaellaan Vercelin reunaverkosta, joka tarjoaa sisällön lähimmältä palvelimelta. Suomessa latausaika on tyypillisesti alle 200 millisekuntia.
Mitä tämä tarkoittaa käytännössä?
Luvut ovat kivoja, mutta mitä ne tarkoittavat oikealle kävijälle?
Nopeus muuttuu rahaksi. Googlen tutkimusten mukaan jokainen ylimääräinen sekunti latausajassa kasvattaa poistumisprosenttia 32 %. Jos sivustollasi käy 1 000 kävijää kuussa ja sivun lataus kestää 5 sekuntia 2 sekunnin sijaan, menetät arviolta 100–300 potentiaalista kontaktia vuodessa.
Google suosii nopeita sivustoja. Core Web Vitals — latausnopeus, vuorovaikutteisuus, visuaalinen vakaus — ovat suora hakukonerankkaustekijä. Täydelliset Lighthouse-pisteet tarkoittavat, että Google näkee sivuston teknisesti ensiluokkaisena.
Mobiili ratkaisee. Yli 60 % verkkoliikenteestä tulee mobiililaitteista. Hitaat, raskaat sivustot kärsivät eniten juuri mobiilissa — ja siellä menetetyt kävijät ovat usein niitä, jotka olisivat tarvinneet palveluasi kiireessä.
Miksi emme käytä WordPressiä
WordPress on maailman suosituin julkaisualusta, ja se sopii moneen käyttötarkoitukseen. Mutta yrityksille, joille suorituskyky, turvallisuus ja ylläpidettävyys ovat tärkeitä, siinä on rakenteellisia ongelmia:
Suorituskyky vaatii jatkuvaa työtä. WordPress-sivuston pitäminen nopeana vaatii välimuistiliitännäisiä, CDN-konfiguraatiota ja jatkuvaa optimointia. Astro on nopea oletuksena — mitään ei tarvitse erikseen optimoida.
Tietoturva on jatkuva huoli. WordPress on maailman yleisin hyökkäyskohde. Liitännäiset ja teemat vaativat päivityksiä, ja jokainen päivittämätön liitännäinen on potentiaalinen tietoturvariski. Astrolla rakennettu staattinen sivusto ei tarjoa hyökkäyspintaa — palvelimella ei ole tietokantaa eikä kirjautumissivua.
Ylläpito syö aikaa. WordPress vaatii säännölliset päivitykset, varmuuskopiot ja yhteensopivuustestauksen. Astro-sivusto on käytännössä huoltovapaa — sisältöä päivitetään, teknologia toimii.
Entä asiakkaamme?
Tämä ei ole pelkkää omaa napaa. Samaa osaamista ja samoja periaatteita sovellamme asiakkaidemme projekteihin.
Kun rakennamme AI-chatbotin tai automaatioratkaisun, optimointi on osa prosessia. Aihio AI -chatbot-widgettimme painaa 40 kilotavua — kilpailijat usein 200–800 kilotavua. Se tarkoittaa, että chatbotin lisääminen sivulle ei pilaa sivuston suorituskykyä.
Jos tarvitset verkkosivuston joka latautuu salamannopeasti, löytyy Googlesta ja toimii moitteettomasti mobiililla — osaamme sen. Jos tarvitset AI-chatbotin joka ei hidasta sivustoasi — osaamme senkin.
Haluatko nähdä itse?
Aja Lighthouse-testi osoitteessa anhis.fi ja näe tulokset omin silmin. Avaa Chrome DevTools (F12), valitse Lighthouse-välilehti ja paina “Analyze page load”.
Jos haluat keskustella siitä, miten vastaava suorituskyky saataisiin aikaan omalle sivustollesi:
Tuomas Piirainen on Anhis Smart Innovations -toiminimen perustaja ja täyspinokehittäjä, jolla on yli 20 vuoden kokemus ohjelmistokehityksestä. Hän on rakentanut kolme tuotantotason SaaS-tuotetta ja erikoistunut tekoälyratkaisuihin ja suorituskyvyn optimointiin.