Nopeusoptimointi parantaa sivustosi sijoitusta Googlen hakutuloksissa
Nopeusoptimointi parantaa sivustosi sijoitusta Googlen hakutuloksissa
Sivuston nopeusoptimointi on yksi osa sivuston hakukoneoptimointia. Nopeusoptimoinnilla voidaan parantaa sivustolla vierailevan selaajan selausmukavuutta, mutta myös sivuston sijoittumista Googlen hakutuloksissa.
Nopeusoptimointia tehdessä on tärkeää testata tehdyt optimoinnit eri selaimilla, koska tehokas tiedostojen pakkaaminen ja yhdistäminen, tai muu koodin optimointi saattaa rikkoa sivustolla olevia elementtejä, tai aiheuttaa elementtien vilkkumista kun sivua ladataan.
Hakukoneoptimointi pähkinänkuoressa
Hakukoneoptimointi (SEO eli Search Engine Optimization) on verkkosivuston kokonaisvaltaista kehittämistä, jonka tavoitteena on saada sivusto mahdollisimman ylös normaaleissa, eli orgaanisissa hakutuloksissa. Hakukoneoptimointi on onnistunut, kun sivustosi löytyy Googlen ilmaisten hakutulosten kärkipäästä silloin, kun potentiaaliset asiakkaat etsivät niitä tuotteita tai palveluita, joita yrityksesi myy.
Hakukoneoptimointi voidaan jakaa kahteen osa-alueeseen: Sivuston tekstisisällön optimointiin sekä tekniseen hakukoneoptimointiin, eli sivuston koodin optimointiin hakukoneille. Jokaisen sivun tekstisisällöstä tulee löytyä tuotteelle tai palvelulle relevantteja avainsanoja.
Koodikedon resepti nopeusoptimointiin
- Sivustot hostataan WordPress-optimoidulla LiteSpeed-palvelimella, jossa on käytössä tehokas LiteSpeed Cache -välimuistitus
- Käyttämämme teema on markkinoiden nopeimpia
- Sivustoille ladattavat kuvat optimoidaan automaattisesti
- Vältämme ylimääräisiä lisäosia ja minimoimme niiden määrän
- Sivustot käyttävät Gzip- tai Brotli-pakkausta
- Sivustojen HTML-, CSS- ja Javascript-koodi pakataan tehokkaasti, minimoidaan ja yhdistetään
Yllä mainittujen toimenpiteiden lisäksi sivuston latausaikaa voidaan parantaa entisestään ottamalla käyttöön CloudFlare CDN (Content Delivery Network). Tällöin verkkotunnuksen nimipalvelimet pitää muuttaa käyttämään CloudFlaren nimipalvelimia.
Uudistimme äskettäin oman sivustomme, ja testasimme kuinka paljon pystymme parantamaan Googlen PageSpeed Insights -testityökalulla saatua tulosta. Valitsimme testiin sivustoltamme kaksi sivua, erilaisilla rakenteilla ja sisällöillä.
PageSpeed Insights -testityökalun tulokset on jaettu Desktop, eli pöytäkoneiden ja kannettavien toimintaa paremmin kuvaaviin tuloksiin ja Mobiili tuloksiin eli mobiililaitteita paremmin kuvaaviin tuloksiin. Kiitettävä tulos on 90 pistettä tai enemmän. Lisäksi teimme testit myös Googlen toisella testityökalulla, Think with Googlella. Think with Google testaa sivua mobiililaitteella, käyttäen 4G-yhteyttä.
Ensimmäisenä teimme ns. yleiset optimointityöt
- WordPress-optimoitu LiteSpeed-palvelin
- Ladattujen kuvien optimointi
- Gzip-pakkaus
- CSS, Javascript ja HTML -tiedostojen minimointi
Testin tulokset
Testattu sivu: https://koodiketo.fi/
Desktop: 87
Ensimmäisen sisällön renderöinti: 1,3 s
Nopeusindeksi: 1,3 s
Suurimman sisällön renderöinti: 1,7 s
Interaktiivisuutta edeltävä aika: 1,3 s
Estoaika yhteensä: 0 ms
Mobiili: 55
Ensimmäisen sisällön renderöinti: 5,1 s
Nopeusindeksi: 5,2 s
Suurimman sisällön renderöinti: 6,5 s
Interaktiivisuutta edeltävä aika: 6,3 s
Estoaika yhteensä: 100 ms
Think with Googlen tulos 5,2 sekuntia.
Testattu sivu: https://koodiketo.fi/wordpress-verkkosivustot-alihankintana/
Desktop: 86
Ensimmäisen sisällön renderöinti: 1,3 s
Nopeusindeksi: 1,3 s
Suurimman sisällön renderöinti: 1,8 s
Interaktiivisuutta edeltävä aika: 1,3 s
Estoaika yhteensä: 0 ms
Mobiili: 61
Ensimmäisen sisällön renderöinti: 4,4 s
Nopeusindeksi: 4,5 s
Suurimman sisällön renderöinti: 6,4 s
Interaktiivisuutta edeltävä aika: 5 s
Estoaika yhteensä: 160 ms
Lisäoptimoinnit
- CloudFlare CDN
- Brotli-pakkaus
- CSS ja Javascript -tiedostojen yhdistäminen
- Sivuston taustakuvien muunto edistyneeseen webP-formaattiin
- Tarpeettomien JavaScript-kirjastojen poisto sivuston julkiselta puolelta
Testin tulokset
Testattu sivu: https://koodiketo.fi/
Desktop: 100
Ensimmäisen sisällön renderöinti: 0,5 s
Nopeusindeksi: 0,5 s
Suurimman sisällön renderöinti: 0,7 s
Interaktiivisuutta edeltävä aika: 0,5 s
Estoaika yhteensä: 0 ms
Mobiili: 94
Ensimmäisen sisällön renderöinti: 1,6 s
Nopeusindeksi: 2,2 s
Suurimman sisällön renderöinti: 2,5 s
Interaktiivisuutta edeltävä aika: 4,5 s
Estoaika yhteensä: 210 ms
Think with Googlen tulos lisäoptimoinnin jälkeen oli 2,2 sekuntia, eli tulos parani 3 sekuntia.
Testattu sivu: https://koodiketo.fi/wordpress-verkkosivustot-alihankintana/
Desktop: 99
Ensimmäisen sisällön renderöinti: 0,6 s
Nopeusindeksi: 0,6 s
Suurimman sisällön renderöinti: 0,7 s
Interaktiivisuutta edeltävä aika: 0,6 s
Estoaika yhteensä: 0 ms
Mobiili: 97
Ensimmäisen sisällön renderöinti: 1,9 s
Nopeusindeksi: 2,1 s
Suurimman sisällön renderöinti: 2,0 s
Interaktiivisuutta edeltävä aika: 3,4 s
Estoaika yhteensä: 30 ms
Google arvostaa nopeita sivustoja entistä enemmän, mikä taas tarkoittaa sitä, että nopeat sivustot saavat lähtökohtaisesti parempia sijoituksia myös hakutuloksissa. Voit testata sivustosi nopeuden PageSpeed Insights -testityökalulla. Testityökalu antaa raportin, joka sisältää suositellut toimenpiteet tuloksen parantamiseksi. Testi kannattaa tehdä muutamaan kertaan, koska tulos saattaa vaihdella eri testauskerroilla.
Laitetaanko sivustoosi vauhtia? Soita tai laita viestiä!
