Vierityspalkki

Blogi verkkopalveluiden uudistajille ja kehittäjille

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.

Siirry sivustolle

asiantuntija-artikkelia

1140+

kokenutta digitoimistoa

29

Perustamisvuosi

2006

Mitä teimme

  • WordPress-verkkosivut (tekninen toteutus)
  • Nopeuden optimointi ja CDN
  • WordPress-ylläpito

Tavoitteet

  • Visuaalisen ilmeen uudistaminen
  • Hiilijalanjäljen minifointi (sivuston latausnopeus)
  • Uusi automaattinen tähtiluokitus

Lopputulos

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.

Duden WordPress-ylläpito

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.

Projektin kohokohdat

WordPressin ydintä kunnioittava toteutus

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.

Massiivinen määrä sisältöä käyttöön ilman kikkailua

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.

Julkaisuhaku

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öä.

Uusi automaattinen tähtiluokitus

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.

Duden avoimen lähdekoodin helmet ja vain hyväksi havaitut lisäosat käyttöön

Luotimme Vierityspalkin toteutuksessa omaan avoimen lähdekoodin Air-tuoteperheeseemme, jonka tekniikat jaautomatiikkasäästävät heti startissa tuntikausia työtä ja siivoilevat mm. WordPressin oletusbloatit pois. Vierityspalkin WordPress-teema on toteutettu WordPress.org teemahakemistossakin olevallaAir-Light-pohjateemallamme.

Yksityisyys kunniaan ilman evästekyselyitä

Sivusto ei kysele lainkaan evästeitä, koska kyselyä ei tarvita. Käytössä on nimittäin puhtaasti evästeetön ja yksityisyyttä suojaavaPlausible, jota Dude hostaa. Evästeetön sivusto on myös yksi Vierityspalkin yksityisyysperiaatteista. Lisää artikkeleja tästä voi lukea kategorianYksityisyys verkossaalta.

Sisällönjakeluverkko (CDN)

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öönCloudflaren toimitusverkoston, joka tarjoilee kuvat edistyksellisessä ja suorituskykyisessäAVIFtaiWebP-muodossa tavallisen jpg:n tai png:n sijaan. Parhaimmillaan tällaiset kuvat ovat jopa alle 1KB kokoisia (esimerkiksi etusivun jotkin yritysten logot).

Tietoturva

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ää ruotsalaisenPär ThernströminSimple History. Lomakkeet on luonnollisesti suojattu spämmin varalta ja turhat kirjautumiset jäävät automaattisen bannipoliisin haaviin.

Asiakkaan palaute.

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.

Perttu Tolvanen, web, ecommerce & cms expert yrityksestä Vierityspalkki