Perjantaina 7.2.2025

Duden verkkosivujen nopeutuspaketti parantaa sivujen latausnopeutta merkittävästi

Palvelin ja verkkosivujen toteutustapa vaikuttavat merkittävästi verkkosivujen latausnopeuteen. Nopeutuspaketin avulla sivuista saadaan oikeasti nopeat.

Kirjoittanut Roni Laukkarinen

Verkkosivut ovat sen verran iso kokonaisuus, että aina löytyy jotain parannettavaa, vaikka hommat hoitaisi miten hyvin. Hassua sanoa näin digitaalisesta tuotteesta, mutta kuten mikä tahansa kulutustuote, verkkosivut hieman elävät ja “kuluvat” käytön ja sisällön mukaan. Vaikka julkaisuhetkellä moni asia olisi oikein, ajan saatossa tilanne voi muuttua. Paljon riippuu tietysti myös verkkosivujen toteutustavasta, verkkosivujen iästä ja miljoonasta muusta muuttujasta.

Verkkosivuja auditoidessa huomaan, että vaikka moni asia olisi oikein, kasa pieniä juttuja kumuloituu lopulta verkkosivun suorituskykyä huonontaviksi tekijöiksi. Sillä on esimerkiksi väliä kuinka monta lisäosaa ladataan, mistä kuvat latautuvat tai minkä kokoisia ne ovat tai kuinka monta HTTP-pyyntöä verkkosivu tekee eri tiedostoihin.

Olemme lanseeranneet vuosien varrella kasan tuotteita ja näistä yksi on auditointipalveluiden lisäksi Verkkosivujen nopeutuspaketti. Tuote pitää sisällään seuraavat asiat:

Verkkopalvelun benchmarkkaus ja tulosten tallentaminen: Millainen suorituskyky verkkosivuilla on vastausajan (reponse time), Google PageSpeed Insights / Google Lighthouse -tulosten ja KeyCDN:n testin perusteella.
Ongelmakohtien tutkiminen ja läpikäynti
Koodin suorituskyvyn mittaaminen
WordPress-lisäosien profilointi
Palvelintekniikan analysointi, onko käytössä välimuistitekniikoita kuten Redis, memcached, FastCGI Cache, OPCache tai vastaavia
HTTP-requestien määrä
PHP-profilointi tarvittaessa
Muu projektikohtainen perkaaminen
Ongelmakohtien korjaaminen
Raportointi PDF-muotoon

Miksi optimoida verkkosivut latautumaan nopeasti?

Tähän on muutama järkisyy:

Säästää kävijöiden hermoja odottelulta
Verkkosivut säästävät palvelinta ja näin ollen luontoa, sivuista tulee ekologisemmat (Lue myös: Ekologisempaa Internetiä verkkosivu kerrallaan – tiedätkö sivustosi hiilijalanjäljen?)
Parantaa sijoitusta hakukoneissa, Google on myöntänyt tämän ääneen
Parantaa tekniikkaa paremmaksi
Antaa vanhallekin sivustolle jatkoaikaa
Nopeasti latautuvat verkkosivut ovat tätä päivää

Verkkosivujen nopeuteen vaikuttavat tekijät

Kaikista yksinkertaisimmillaan sivuston latausnopeuteen vaikuttaa kaksi merkittävintä tekijää:

Jos jompi kumpi krakaa, sivut ovat hitaammat. Etenkin palvelin usein unohdetaan koko kombosta. Jos sivut latautuvat ties minkä nuhapumpun päältä, ei voi olettaa että niitä saisi nopeiksi, vaikka tekisi mitä taikatemppuja. Näin kärjistettynä.

WordPressin murheenkryyni on vähän se, että sitä voi tehdä niin monella eri tavalla. Yleensä WordPressin hallintapaneeli tungetaan täyteen sivuja raskauttavia lisäosia, jotka hidastavat niin ylläpidon kuin kävijänkin näkemää puolta. Dudella pyritään räätälöimään WordPress-verkkosivut sellaisiksi, että turhat palikat ja ylimääräiset raskauttavat tekijät pidetään minimissä. Tekemällä asioita paljon itse ja suoraviivaisesti säästyy myöhemmiltä hidasteluilta.

Jos sivustosi ei ole Duden tekemä tai Duden palvelimilla, voimme silti auttaa.

Kuka tahansa voi testata sivustonsa netissä olevilla työkaluilla. Me suosimme asiakkaidemme kanssa yleensä jotain näistä kolmesta työkalusta, tai niiden yhdistelmää:

Google PageSpeed Insights -nopeustesti
KeyCDN Website Speed Test
Better Stack response time, eli kuinka nopeasti “raaka” vastaus on eri lokaatioista

Testaamattomilla sivustoilla Google Lighthouse antaa yleensä jotain tällaista:

Googlen virheet "Diagnostics" ikkunassa:
Enable text compression Potential savings of 884 KiB
Avoid large layout shifts 5 layout shifts found
Largest contentful paint element 7,520 ms
Eliminate render-blocking resources Potential savings of 4,800 ms
Reduce unused CSS Potential savings of 684 KiB
Serve images in next-gen formats Potential savings of 712 KiB
Image elements do not have explicit width and height
Minify CSS Potential savings of 7 KiB
Minify JavaScript Potential savings of 3 KiB
Serve static assets with an efficient cache policy 74 resources found
Ensure text remains visible during webfont load
Does not use passive listeners to improve scrolling performance
Properly size images Potential savings of 107 KiB
Defer off-screen images Potential savings of 117 KiB
Avoid serving legacy JavaScript to modern browsers Potential savings of 10 KiB
Reduce unused JavaScript Potential savings of 146 KiB
Avoid enormous network payloads Total size was 3,114 KiB
Avoid an excessive DOM size 989 elements

Google linkkaa ongelmakohdat ylläpitämiinsä web.dev ja developer.chrome.com sivuille, joilta saa kätevästi lisää tietoa. Hyvin tehdyillä sivuilla ongelmakohtia ei pitäisi tulla liikaa näkyviin, mutta niitä väistämättä lirahtaa läpi, jos verkkosivuilla on jotakin seuraavista:

Kuvakokoja ei olla mietitty
Kuvien jakeluverkkoa ei ole otettu käyttöön
Sivustoilla käytetään paljon markkinointiscriptejä tai ulkoisia kutsuja
Sivustolla on kolmannen osapuolen WordPress-lisäosia
Sivustolla on käytössä paljon videoita ja kuvia
Sivustouudistuksesta on aikaa yli 2 vuotta
Verkkosivujen optimointiasioita ei ole huolehdittu
Sivustolle on tehty paljon muutoksia
Jne.

Projektinhallintatyökalu, jossa on tehtävät listattuna. Alla esimerkkkoodia yhdestä optimointityöstä, jossa on vaihdettu kuva latautumaan tehokkaammin. — Nopeutuspaketissa optimoitavista asioista tehdään tehtävät, jotka ratkaistaan yksi kerrallaan.

Optimointipuuha on mukavaa, koska siinä tulokset näkyy ja tuntuu. Ennen sekunneissa latautunut verkkosivusto saadaan latautumaan millisekunneissa ja salamannopeasti myös kesämökin huonojen yhteyksien päästä ⚡.

Millaisia tuloksia Duden Verkkosivujen nopeutuspaketilla saa?

Vastaus: Näkyviä tuloksia. Kaikista parhaan kuvan saat katsomalla suoraan raporttia eräästä todellisesta optimointicasesta asiakkaalle alta.

Mobiilia on tunnetusti hankalampi optimoida sataan pinnaan saakka. Vuonna 2020 kerroinkin blogissamme syitä siihen miksi.

Tässä tapauksessa saimme mobiilipisteet nostettua Google PageSpeed -tuloksissa 24/100 tilanteesta pisteisiin 94/100. Prosentteina tämä on +291.67% kehitystä aiemmasta.

Raportissa on eritelty jokainen yksityiskohta ja tehty toimenpide erikseen. Saat raportin kautta hyvän kuvan siitä mikä tilanne oli ennen optimointia ja optimoinnin jälkeen.

Joskus nopeuden ehdoilla tarvitsee tehdä kompromisseja. Pohdittavaksi saattaa tulla mm.

Tarvitsemmeko tosiaan näin paljon kuvia samalle sivulle?
Voisiko kuvia optimoida?
Videot: Tarvitsemmeko Vimeota/YouTubea videoiden lataamiseen, vai voisiko video tulla suoraan, tarvitseeko kosmeettista videota vaihtaa hallintapaneelin kautta, vai voisiko Dude optimoida paikalleen nopeammin latautuvan videon?
Ovatko kaikki sivuston ulkoiset seurantascriptit tarpeellisia ja oleellisia?
Voisiko lisäosan tarjoaman toiminnallisuuden tehdä itse suoraan?
Ovatko kaikki lisäosat tarpeellisia?
Voisiko sivua yksinkertaistaa?
Voisiko sivuston koodata eri tavalla?
Voisiko iframe-upotuksen tilalla olla linkki?

Sivuston ei kuitenkaan tarvitse olla tylsä ollakseen nopea. Vaikka mihinkään överiin kymmenen millisekunnin tulokseen ei aina pääsisikään, voin taata että optmoinnilla päästään hyväksyttyihin puolen sekunnin lukemiin.

Kiinnostaako nopeasti toimivat verkkosivut? Ota yhteyttä! Nopeutuspaketin hinta sisältäen korjailut on alkaen 1590 € + alv.

Voit tsekata esim. miten nopeasti seuraavat toteuttamamme sivustot latautuvat: