Vierityspalkki on verkkolehtimäinen blogi, jonka kohderyhmää ovat verkkosivujen, appien ja web-sovellusten tekijät ja ostajat. Sivustolla julkaistaan alan artikkeleja, liikevaihdoltaan merkittäviä digitoimistoja, julkaisuja ja työpaikkoja. Vierityspalkin toimistojen tähtiluokitus on tullut tutuksi eräänlaisena laatumittarina niin tekijöille kuin ostajillekin. Lue myös: Näin uudistettiin Vierityspalkki.fi.
1140+
29
2006
Saimme aikaan nopeasti latautuvan ja WordPressin ydintä kunnioittavan toteutuksen, jossa on Vierityspalkille räätälöityjä toiminnallisuuksia. Myös esimerkiksi kuvat latautuvat nopeasti hyödyntäen uuden sukupolven kuvaformaatteja (avif, webp) CloudFlaren sisällönjakeluverkon avulla.
Vierityspalkki.fi pyörii Duden korkean suorituskyvyn WordPress-optimoidulla palvelimella. Dude pitää huolta palvelimesta, nimipalvelusta, WordPress-päivityksistä, WordPressistä, lisäosista ja näiden tietoturvasta. Ylläpitopakettiin kuuluu myös muunmuassa ripeä tekninen tuki ja automaattiset varmuuskopiot.
Toteutimme Vierityspalkin sivuston noudattamalla tuttuun tapaan WordPress Coding Standards -laatukriteeristöä ja WordPressin coren tapoja tehdä asioita, emmekä lähtenyt kikkailemaan turhaan. Vierityspalkin toteutuksessa saimme erityisluvan käyttää esimerkiksi WordPressin klassista editoria Gutenbergin sijaan, sillä vuodesta 2006 pyörinyt sivusto ei hienouksia kaipaa.
Projektit aloitetaan Dudella lähes aina puhtaalta pöydältä, ilman vanhan tietokannan mukanaan tuomaa ylimääräistä historian painolastia. Vierityspalkin kohdalla tuhansien sisältöjen ja satojen tuhansien niihin liittyvien metatietojen migratoiminen olisi kuitenkin ollut tehtävä, jossa olisi ampunut itseään jalkaan. Tietokannan lisäksi kopioimme sivuston vanhan teeman ja kaikki sivuston WordPress-lisäosat arkistoon tutkittavaksi. Näin saimme aikaan hyvän taaksepäinyhteensopivan toteutuksen.
Haun taustalla käytetään WordPressin ytimen omaa REST-rajapintaa, joka tarjoilee jokaisen tuloksen HTML-merkinnän valmiiksi pureskeltuna. Selaimen ei tarvitse tehdä raskasta laskentaa ja parsia JSON-palautteesta elementtejä sivustolle, mikä vähentää vastaaville javascript-toteutuksille tyypillistä turhaa resurssien käyttöä.
Aiemmin toimistojen tähtiluokituksia ylläpidettiin ja laskettiin erillisessä järjestelmässä, aiheuttaen Pertulle paljon manuaalista työtä luokitusen säännöllisen päivittämisen suhteen. Uuteen Vierityspalkkiin haluttiin automaattisempi ja useammin päivittyvä, toimistojen julkaisuihin perustuva tähtiluokitus.
Luotimme Vierityspalkin toteutuksessa omaan avoimen lähdekoodin Air-tuoteperheeseemme, jonka tekniikat ja automatiikka säästävät heti startissa tuntikausia työtä ja siivoilevat mm. WordPressin oletusbloatit pois. Vierityspalkin WordPress-teema on toteutettu WordPress.org teemahakemistossakin olevalla Air-Light-pohjateemallamme.
Sivusto ei kysele lainkaan evästeitä, koska kyselyä ei tarvita. Käytössä on nimittäin puhtaasti evästeetön ja yksityisyyttä suojaava Plausible, jota Dude hostaa. Evästeetön sivusto on myös yksi Vierityspalkin yksityisyysperiaatteista. Lisää artikkeleja tästä voi lukea kategorian Yksityisyys verkossa alta.
Koska uusi Vierityspalkki on suunniteltu äärimmäisen runsaaksi kuvien osalta, isoja pintoja ja kuvia on paljon per sivu. Tästä syystä nopeus ja keveys on elintärkeää. Koska kuvia on aiempaa enemmän, päätimme ottaa käyttöön Cloudflaren toimitusverkoston, joka tarjoilee kuvat edistyksellisessä ja suorituskykyisessä AVIF tai WebP-muodossa tavallisen jpg:n tai png:n sijaan. Parhaimmillaan tällaiset kuvat ovat jopa alle 1KB kokoisia (esimerkiksi etusivun jotkin yritysten logot).
Sen lisäksi että palvelimemme on suojattu mm. vasaroinnilta, lisäturvaa sivustolle tuo WordPress.org projektin ylläpitämä Two-Factor. Tapahtumalokia sivuston kaikesta elämästä pitää ruotsalaisen Pär Thernströmin Simple History. Lomakkeet on luonnollisesti suojattu spämmin varalta ja turhat kirjautumiset jäävät automaattisen bannipoliisin haaviin.
Olen erittäin tyytyväinen lopputulokseen. Käyttäjille näkyvä sivusto on erittäin nopea ja toimii hyvin monenlaisilla päätelaitteilla ja selaimilla. Ylläpito on Duden toimesta tehty hyvin loogiseksi, vaikka sivustolla on joitain aika erikoisiakin toimintoja. Etenkin ylläpitoon liittyvistä ratkaisuista olin vaikuttunut, Duden tiimi oli hyvin miettinyt asiat ja varmistanut että kaikkea voi muokata ja päivittää myöhemmin.
Projektinhallinta olisi voinut olla parempaa, etenkin julkaisun lähestyessä asiakkaana ei aina tiennyt missä tekninen kehitys menee, vaikka kehityksen työlista olikin nähtävillä.
Yksityiskohtien huomiointi oli kuitenkin korkealla tasolla, kaikki tehtiin mitä luvattiin, ja moni asia vielä paremmin kuin vaatimusmäärittelyssä oli ollut. Homma oli siis hyvin Dudella näpeissä, vaikka asiakkaan suuntaan viestinnässä voisikin vähän vielä parantaa.
