Muutaman kuukauden työ alkaa olemaan loppusuoralla, eli uudet nettisivut on nyt julkaistu ja käytössä. Kerron hieman prosessista ja syistä ja toteutuksesta miten tähän päädyttiin.
Muutama kuukausi sitten selvisi ettei Google enää indeksoi sivujani. Tiesin että Google oli jo aikaisemmin herjannut ongelmista mobiilikäytettävyydessä, lähinnä tekstin pienuus ja muutamien klikattavien elementtien sijainti liian lähekkäin olivat olleet ongelmia. Olin yrittänyt parantaa tekstin luettavuutta mobiililaitteissa, mutta käytössä ollut teema asetti omia rajoituksia. Niinpä aloin työstämään uusia versioita sivuista.
v 3.0
Ensimmäiseksi aloin etsimään teemaa WordPressiin jonka päällä sivuni pyörivät. Löysinkin mielestäni hyvän ja toimivan teeman joka lupaili parannusta asioihin jotka olivat olleet ongelma. Perehtyessäni tarkemmin siihen miten Google määrittää sivun sijoittumisen hakutuloksissa, löytyi vielä eräs tärkeä asia, nimittäin sivuston nopeus. Niinpä aloin perehtymään aiheeseen tarkemmin. Löytämäni teema vaikutti senkin osalta lupaavalta, joten valitsin sen. Asensin teeman ja työstin sivujani teemalle sopivaksi. Sainkin parannettua mobiilikäytettävyyttä roppakaupalla ja nopeuskin parani.
v 3.5
Nopeusasiaan lisää perehtyessäni mietin palveluntarjoajan vaihtoa, mutta sitten törmäsin WP:n cache -laajennuksiin ja asensinkin lupaavan pluginin. Nythän sivustoni oli salamannopea verrattuna aikaisempaan. Sisältöäkin päivitin ja kirjoitin hieman lisää sisältöäkin. Olin tyytyväinen ja ”julkaisin” sivuston. Sain hyvää palautetta ja olin tyytyväinen. Liikenne kasvoi sivuillani huimia prosentteja. Tuo nopeus jäi kuitenkin kalvamaan ja aloin perehtyä asiaan syvällisemmin, erityisesti Web Dev Toolsin avulla ja samalla huomasin tajusin että teemani ei tukenut WP:n uutta Full Site Editing (FSE) ominaisuutta. Rupesin etsimään teemaa joka tarjoasi kaiken kaipaamani ja löysinkin sopivan, asensin sen ja aloin päivittämään sivusta ja sen sisältöä FSElle ja etsin sopivia Block -paketteja joilla saisin kaiken haluamani sivuilleni. Päädyin käyttämään Gutenversen blockkeja. Jouduin päivittämään monet jo käytössä olleet blockkini (Lohkot?) yhden pluginin lohkoihin. Ajatuksena oli karsia kaikki turhat laajennukset pois sivustolta, se nopeus🤔. Optimoin CSSää, otin käyttöön Lazy Loadingin. Mutta se nopeuden viilaus…
Web Devin kautta törmäsin kuvaformaatteihin WebP ja AviF, mutta WordPress ei tue niitä suoraan. Ostin palvelun käyttöön jolla sain konvertoitua olemassa olevat kuvat uusiin formaatteihin ja tiedostoko pieneni 60 prosenttiin alkuperäisestä. Lopputuloksena sivustoni nopeus on niin huippuunsa viritetty kuin nykyisessä palvelinympäristössä on käytännössä mahdollista.
Lopputulos
Mitä tämä kaikki tarkoitti lopputulokseen ja käytettävyyteen? Asiakkaat olkoot lopullisia tuomareita, mutta ainakin sivusto on nyt mobiililaitteilla erittäin käyttettävä. Tänäpäivänä suurin osa vierailijoista sivustolla käyttää mobiililaitetta, joten tällä kertaa sisältökin on suunniteltu ja testattu kännykkää ajatellen, isommat päätelaitteet ja tietokoneet on lähinnä testattu että toimii, tai no, on niitäkin varten tehty lukemattomia testauksia ja viilauksia sisältöön. Onneksi nykyinen teema ja lohkot tukevat hyvin eri päätelaitteita ja mahdollistavat asioiden säätäminen päätelaitekohtaisesti.
Sisältöäkin päädyin päivittämään lopulta aika runsaasti. Lopputuloksen pitäisi olla nopea, käytettävämpi, paremmin asiakkaiden tarvetta vastaava ja silmää miellyttävä, unohtamatta ammattimaista vaikutusta.
Kysynkin teiltä, miten hyvin onnistuin, onko teillä kommentteja, parannusehdotuksia?
Palautteesta kiitollinen🙏
