WordPressin nopeus: Core Web Vitals ja suorituskyky käytännössä

WordPressin nopeus ratkeaa pääosin kuvilla, lisäosien määrällä, välimuistilla ja palvelimella. Kerromme, miten nopeutta mitataan, mikä sivustoa hidastaa ja miten nopeus pysyy julkaisun jälkeenkin.

Lyhyesti

  • WordPress voi olla hyvin nopea. Hitaus johtuu yleensä raskaista kuvista, liian monesta lisäosasta, sivunrakentajista ja ulkoisista skripteistä.
  • Nopeutta mitataan Core Web Vitals -mittareilla: LCP alle 2,5 s, INP alle 200 ms ja CLS alle 0,1.
  • Suurimmat parannukset tulevat kuvista, välimuistista, kevyestä teemasta ja hyvästä palvelimesta.
  • Nopea sivusto siirtää vähemmän dataa, joten se on myös ekologisempi.
  • Nopeus ei pysy itsestään. Se säilyy seurannalla, päivityksillä ja sisällöntuottajien hyvillä käytännöillä.

WordPressin nopeutta mitataan Googlen Core Web Vitals -mittareilla, jotka kertovat, miten nopealta sivu tuntuu oikealle käyttäjälle. Mittareita on kolme:

  • LCP (Largest Contentful Paint): kuinka nopeasti sivun suurin sisältö, usein pääkuva tai otsikko, näkyy. Hyvä on enintään 2,5 sekuntia.
  • INP (Interaction to Next Paint): kuinka nopeasti sivu reagoi klikkaukseen tai näppäilyyn. Hyvä on enintään 200 millisekuntia. INP korvasi aiemman FID-mittarin maaliskuussa 2024.
  • CLS (Cumulative Layout Shift): hyppiikö sisältö latauksen aikana. Hyvä on enintään 0,1.

Google arvioi tuloksen 75. persentiilistä eli niin, että kolme neljästä käynnistä on hyvällä tasolla. Mobiili ja työpöytä arvioidaan erikseen.

Kenttädata ja laboratoriotesti

PageSpeed Insights näyttää kaksi tekijää: kenttädata kertoo oikeiden käyttäjien kokemuksen, ja sitä myös Google käyttää. Laboratoriotesti (Lighthouse) on yksittäinen simulaatio, joka auttaa löytämään syyt. Search Consolen Core Web Vitals -raportti näyttää, millä sivuilla on ongelmia.

Miten WordPressin nopeus mitataan?

Miksi WordPress-sivusto on hidas?

WordPress-sivusto on yleensä hidas siksi, että sivulle ladataan enemmän kuin se tarvitsee. Itse WordPress on kevyt. Hitaus kertyy sen päälle.

Tyypillisimmät syyt, joita näemme:

  • Isot kuvat. Puhelimelle ladataan tulostustarkkuuden kuva.
  • Liikaa lisäosia. Jokainen lisäosa voi tuoda omat tyylinsä ja skriptinsä jokaiselle sivulle.
  • Sivunrakentajat ja monikäyttöteemat. Ne tuottavat paljon ylimääräistä koodia.
  • Ulkoiset skriptit. Seurantakoodit, chat-ikkunat, upotukset ja mainostagit hidastavat erityisesti INP:tä.
  • Hidas palvelin tai puuttuva välimuisti. Sivu rakennetaan jokaiselle kävijälle alusta asti.
  • Fontit ilman optimointia. Useat fonttitiedostot hidastavat tekstin näkymistä ja voivat aiheuttaa hyppimistä.

Nopeus vaikuttaa myös hakunäkyvyyteen, mutta se on vain yksi tekijä sisällön laadun rinnalla. Lue lisää sivulta WordPress-hakukoneoptimointi.

Lapland North Destinationsin verkkopalvelu mobiilinäkymässä, toteutus redandblue
Kuusamo Hirsitalojen verkkopalvelu kannettavalla tietokoneella, toteutus redandblue

Nopeutat WordPressiä tehokkaimmin optimoimalla kuvat, ottamalla välimuistin käyttöön ja karsimalla turhat lisäosat ja skriptit. Tässä järjestyksessä saat yleensä eniten hyötyä pienimmällä työllä.

Kuvat

  • Käytä nykyaikaisia kuvaformaatteja, kuten WebP, ja lataa kuvat oikeassa koossa.
  • Anna WordPressin tuottaa kuvasta eri kokoja, jotta selain valitsee sopivan.
  • WordPress lataa alempana olevat kuvat laiskasti ja priorisoi todennäköisen pääkuvan versiosta 6.3 alkaen. Tarkista, ettei teema tai lisäosa ohita tätä.
  • Anna kuville mitat, jotta sisältö ei hypi latauksessa.

Välimuisti ja palvelin

  • Sivuvälimuisti tarjoilee valmiin sivun ilman, että WordPress rakentaa sen joka kerta.
  • Objektivälimuisti nopeuttaa tietokantakyselyjä, mikä näkyy erityisesti verkkokaupoissa ja kirjautuneilla käyttäjillä.
  • WordPressiin erikoistunut palvelin ja ajantasainen PHP-versio tekevät paljon ilman yhtään koodimuutosta.

Koodi ja lisäosat

  • Poista lisäosat, joita ei tarvita, ja korvaa päällekkäiset yhdellä.
  • Lataa skriptit ja tyylit vain sivuille, joilla niitä käytetään.
  • Suosi kevyttä teemaa ja lohkoja sivunrakentajan sijaan.
  • Käy ulkoiset skriptit läpi säännöllisesti. Moni seurantakoodi jää sivustolle, vaikka kukaan ei enää katso dataa.

Miten nopeutat WordPressiä?

Miksi nopea sivusto on myös ekologisempi?

Nopea sivusto on ekologisempi, koska se siirtää ja käsittelee vähemmän dataa jokaisella käynnillä. Pienemmät kuvat, vähemmän skriptejä ja välimuisti vähentävät energiankulutusta sekä palvelimella että käyttäjän laitteella.

Toinen iso tekijä on palvelin. Käytämme Seravon palvelimia, joiden sähkö tuotetaan uusiutuvalla tuuli- ja vesivoimalla.

Uudistimme oman sivustomme samoilla periaatteilla. Sivusto tuottaa websitecarbon.comin mukaan 72 prosenttia vähemmän hiilidioksidipäästöjä kuin edellinen versio ja on vähäpäästöisempi kuin 89 prosenttia verkkopalveluista. Lue lisää siitä, mikä tekee verkkosivusta ekologisen.

Sitran verkkopalvelun sisältösivu mobiilinäkymässä, toteutus redandblue
Sitran verkkopalvelun virhesivu kannettavalla tietokoneella, toteutus redandblue

Nopeus säilyy, kun sitä seurataan ja kun sisällöntuottajilla on selkeät käytännöt. Moni sivusto on julkaisuhetkellä nopea ja hidastuu vuodessa, kun kuvia, upotuksia ja lisäosia kertyy.

Käytännössä tämä tarkoittaa:

  • Core Web Vitals -arvojen seurantaa Search Consolessa ja analytiikassa.
  • Lisäosien ja teeman päivityksiä sekä turhien lisäosien karsimista.
  • Kuvien käsittelyn automatisointia, jotta sisällöntuottajan ei tarvitse muistaa pienentää jokaista kuvaa.
  • Uusien upotusten ja seurantakoodien arviointia ennen kuin ne lisätään.

Tämä on osa WordPressin ylläpitoa, ei erillinen projekti. Muut ylläpitoon ja kehitykseen liittyvät aiheet kokoaa WordPress-opas.

Miten nopeus säilyy julkaisun jälkeen?

Näin teemme

redandblue ja WordPress SEO

Rakennamme nopeuden sivustoon alusta asti. Omassa pohjateemassamme ja lohkokirjastossamme Core Web Vitals -tavoitteet ovat vakiona: LCP alle 2,5 sekuntia, INP alle 200 millisekuntia ja CLS alle 0,1. Rakennamme sivut Gutenberg-lohkoilla sivunrakentajien sijaan, ja lisäosat valitaan tarpeen mukaan.

Olemme tehneet yli 300 WordPress-sivustoa, ja ylläpidämme 127 sivustoa. Ylläpitopalvelussa päivitykset ja lisäosien hallinta ovat meidän vastuullamme, mikä pitää myös suorituskyvyn kunnossa. Kun haluat nähdä, miten nopeus vaikuttaa kävijöiden käyttäytymiseen ja konversioihin, web-analytiikka kytkee suorituskyvyn liiketoiminnan mittareihin.

Suunnitteletko uudistusta? Katso, miten toteutamme nopeat ja kestävät WordPress-verkkosivut.

Tutustu WordPress-verkkosivuihin
Sitran verkkopalvelun sisältösivu mobiilinäkymässä, toteutus redandblue
WordPressin nopeus

Asiakkaidemme projekteja

Katso kaikki työt
Katso kaikki työt

Usein kysyttyä WordPressin nopeudesta

Ei ole. WordPress itsessään on kevyt, ja hitaus johtuu lähes aina kuvista, lisäosista, teemasta tai palvelimesta.

Pistemäärää tärkeämpää on, läpäiseekö sivu Core Web Vitals -arvion kenttädatassa. Laboratoriopisteet vaihtelevat testikerrasta toiseen, joten ne ovat apuväline syiden etsimiseen.

Yleensä kyllä, mutta se ei korvaa raskaan teeman tai isojen kuvien korjaamista. Hyvällä WordPress-palvelimella välimuisti on usein valmiina palvelintasolla.

Vaikuttaa, mutta se on yksi tekijä monien joukossa. Sisällön laatu ratkaisee enemmän, mutta hidas sivu voi menettää kävijöitä ennen kuin sisältö ehtii näkyä.

Eniten vaikuttavat raskas JavaScript ja ulkoiset skriptit, kuten chatit ja seurantakoodit. Karsi ja lykkää niitä ensin.

Usein voi. Kuvien optimointi, välimuisti ja lisäosien karsinta tuovat paljon. Jos hitaus johtuu teemasta tai sivunrakentajasta, pysyvä korjaus vaatii yleensä uudistuksen.

Webmaster Podcast

Miltä näyttää tulevaisuuden verkkosivut ja WordPress?

Monikanavaista keskustelua verkosta ja sen liepeiltä. Kaikesta hyvin hoidettuun, kauniiseen ja toimivaan verkkoon liittyvästä. Kuuntele ja tilaa kanavamme, ja pysyt kärryillä siitä millaisia ovat tulevaisuuden verkkosivut.

Webmaster Podcast

Kerro tilanteestasi, niin katsomme, mistä nopeus paranee eniten. Tutustu WordPress-verkkosivuihin

Onko sivustosi hitaampi kuin pitäisi?

WordPressin nopeus

Kysy lisää – me vastaamme

redandbluen toinen perustaja, vanhempi suunnittelija ja asiakkuusjohtaja Petteri Laamo

Petteri Laamo

Senior designer, Client director, Co-Founder
Puhelin 040 194 4421
Sähköposti petteri@redandblue.fi

Yhteydenottolomake

Kenttä on validointitarkoituksiin ja tulee jättää koskemattomaksi.
Nimi(Pakollinen)
Rekisteriselosteen hyväksyntä(Pakollinen)