Julkaisimme hiljattain uuden version aimomieli.fi-sivustosta. Päätimme rakentaa sen täysin WordPressin natiivilohkoilla ja omalla FSE-teemalla — ilman sivunrakentajia, raskaita komponentteja tai ylimääräisiä lisäosia.
Lopputuloksena syntyi supernopea, kevyt ja pitkäikäinen WordPress-sivusto, joka heijastaa täsmälleen sitä tapaa, jolla toteutamme myös asiakasprojekteja.
Miksi toteutus WordPressin natiivilohkoilla?
WordPress on viime vuosina kehittynyt ja muuttunut dramaattisesti. Tänä päivänä Gutenberg-editori ja Full Site Editing -teema mahdollistavat mm.:
- kevyen lähdekoodin
- täydellisen lohkopohjaisen toteutuksen
- minimaalisen määrän lisäosia
- aikaa kestävän rakenteen
- erinomaisen suorituskyvyn
Kun sivusto tehdään natiivisti WordPressin core-toiminnallisuuksia hyödyntäen, se toimii myös tulevien päivitysten jälkeen — eikä hajoa lisäosien tai erilaisten page builder -ratkaisujen päivityksiin.
Uuden sivustomme perustana toimii Aimomielen oma FSE-teema, joka on rakennettu erityisen kevyeksi ja selkeäksi. Teema pohjautuu them.es:n FSE Block Starter -teemaan.
Teeman kehityksessä tärkeimpänä tavoitteena oli rakentaa teema, jota on jatkossa helppo ja nopea hyödyntää myös asiakasprojekteissa.
Sivustolla käytettävät lisäosat – ainoastaan aidosti tarpeelliset
Pidimme lisäosamäärän minimissä ja valitsimme käyttöön ainoastaan ne sivuston toimintaan vaikuttavat työkalut, jotka tuovat todellista hyötyä — ilman haitallista vaikutusta sivuston suorituskykyyn tai turvallisuuteen.
Performance Lab
Uudistetun sivuston taustalla hyödynnetään WordPressin virallista Performance Lab -lisäosaa, joka sisältää kokeellisia suorituskykyparannuksia suoraan WordPress-kehittäjiltä. Lisäosa tarjoaa työkaluja esimerkiksi kuvien ja staattisten resurssien optimointiin sekä nykyaikaisten web-standardien käyttöönottoon. Sen avulla sivuston latausajat nopeutuvat ja kokonaiskokemus on kevyempi ja responsiivisempi.
Performance Lab toimii myös eräänlaisena testialustana tuleville WordPress-ydinparannuksille, eli sen kautta uudet optimointiominaisuudet voidaan ottaa käyttöön jo ennen kuin ne päätyvät virallisesti osaksi WordPressiä. Tämä antaa sivustolle pienen etumatkan suorituskyvyssä ja varmistaa, että käytössä ovat aina viimeisimmät ja tehokkaimmat ratkaisut.
Gravity Forms
Gravity Forms on ollut vuosien ajan luottotyökalu sivuston lomakkeiden toteutuksiin. Uusitulla sivustolla se on käytössä yhteydenottolomakkeella.
Lisäosan vahvuuksia:
- erittäin luotettava toiminnaltaan
- kehittäjäystävällinen, helposti räätälöitävissä ja laajennettavissa
- GDPR-yhteensopiva
- roskapostisuodatuksiltaan vahva
- helppo käyttöliittymä ja lomakkeiden luonti
Koska perille tulevat yhteydenotot ovat kriittisiä, lomakeratkaisun pitää olla vakaa ja luotettava.
LiteSpeed Cache
Sivusto hostataan LiteSpeed-palvelimella, joten LiteSpeed Cache tarjoaa yhteensopivuuden lisäksi maksimaalisen suorituskyvyn. Yhdessä Performance Labin kanssa tämä tuottaa erittäin nopeat vasteajat.
Redirection
Vanhan sivuston URL-rakenteen uudelleenohjaukset hoituvat helposti ja SEO-ystävällisesti Redirection-lisäosalla.
- 301-uudelleenohjaukset
- 404-seuranta
- URL-muutosten hallinta
WP Consent API
WP Consent API käyttää WordPressin ”suostumusrajapintaa”, joka varmistaa:
- että skriptit latautuvat vain käyttäjän antaman suostumuksen jälkeen
- GDPR-yhteensopivuuden
- kolmannen osapuolen evästeiden hallinnan
Yoast SEO
Eri SEO-lisäosien kokeilujen jälkeen Yoast SEO tuntuu aina selkeimmältä meidän käyttöömme. Käytetään pohjana metatiedoille, hakukonenäkyvyydelle ja sosiaalisen median OpenGraph-tiedoille.
Muita toiminnallisuuksia
Osa sivuston ulkopuolisista toiminnallisuuksista on tuotu sivustolle mahdollisimman kevyesti suoraan JS-skripteillä.
Noupe Chatbot
Noupe on täysin ilmainen tekoälyä hyödyntävä chatbot. Sen käyttöönotto on todella helppoa ja nopeaa: se ei vaadi ”kouluttamista”, vaan tarvitsee ainostaan kohdesivuston osoitteen, jota käytetään tekoälyn materiaalina. Chatbot on lisätty JS-skriptillä ja se latautuu käyttäjälle ainoastaan evästesuostumuksen jälkeen.
Leaflet + OpenStreetMap
Yhteystiedot-sivulla oleva karttanäkymä on toteutettu kevyesti ja täysin ilmaiseksi käyttämällä OpenStreetMap + Leaflet -komboa.
Sivuston PageSpeed-tulokset – tavoitteena täydellinen suorituskyky
Uuden sivuston yksi päätavoite oli erinomainen suorituskyky. Ajoimme julkaisun jälkeen muutamana päivänä PageSpeed-testit ja yhteenvetona olemme todella tyytyväisiä tuloksiin.
Mobiili 01.12.2025
- 98 Performance
- 93 Accessibility
- 100 Best Practices
- 100 SEO
Desktop 01.12.2025
- 99 Performance
- 96 Accessibility
- 100 Best Practices
- 100 SEO
Tulokset ovat hyvät, mutta aina löytyy parannettavaa. Tämä tarjoaa hyvän alkutilanteen, josta on hyvä lähteä optimoinnin ja korjausten kautta tavoittelemaan 4 x 100 tulosta.
Lopuksi – tätä tapaa käytämme myös asiakasprojekteissa
Uusi aimomieli.fi-sivusto on rakennettu juuri sillä tavalla kuin suosittelemme asiakkaillekin:
- kevyt
- erittäin nopea
- helposti ylläpidettävä
- Gutenberg/FSE-yhteensopiva
- mahdollisimman vähän lisäosia
- pitkäikäinen
- tietoturvallinen
- huippuluokan suorituskyvyn omaava
- noudattaa WordPress-standardeja
Jos haluat kevyen ja modernin WordPress-sivuston tai WooCommerce-verkkokaupan — autamme mielellämme.
Ota yhteyttä: https://aimomieli.fi/yhteystiedot/