CDN: mitä se on ja miten sivusto latautuu nopeasti

01Miksi CDN tarvitaan?

Kun verkkosivu avataan, selain pyytää palvelimelta kymmeniä tiedostoja: HTML:ää, CSS:ää, JavaScriptiä, fontteja ja kuvia. Mitä suurempi fyysinen etäisyys palvelimen ja kävijän välillä on, sitä pidempään jokaisen pyynnön edestakainen matka kestää. Istanbulissa sijaitsevaan palvelimeen Saksasta yhdistävä kävijä ja samasta kaupungista yhdistävä kävijä näkevät saman sivun eri nopeuksilla.

Sisällönjakeluverkko lyhentää tätä etäisyyttä. Tiedostojen kopiot pidetään kävijän lähellä olevissa pisteissä; pyyntöön vastataan ilman pitkää matkaa. Tuloksena on lyhyempi latausaika ja sujuvampi kokemus.

Nopeus ei ole vain mukavuuskysymys. Googlen Core Web Vitals -mittareihin kuuluvan suurimman sisältöelementin latausajan (LCP) hyvä raja on 2,5 sekuntia. Raskaiden kuvien nopea toimitus läheltä auttaa merkittävästi tämän rajan saavuttamisessa.

02Miten CDN toimii?

CDN koostuu eri puolille maailmaa jakautuneista reunapalvelimista (PoP, point of presence). Sivustosi varsinaista palvelinta kutsutaan alkuperäispalvelimeksi (origin). Kävijän pyyntö ohjautuu DNS- tai anycast-reitityksellä hänelle lähimmälle reunapalvelimelle.

Tässä rakenteessa alkuperäispalvelin pysyy ainoana todellisena lähteenä; sisältö päivitetään aina siellä. Reunapalvelimet pitävät vain kopioita ja määrittävät kopion voimassaoloajan alkuperäispalvelimen antamien ohjeiden mukaan. CDN:n käyttöönotto ei siis muuta sivuston hallintatapaa.

1. Kävijä avaa sivusi; pyyntö ohjautuu lähimmälle reunapalvelimelle
2. Jos reunapalvelimella on kopio tiedostosta, se lähettää sen suoraan (välimuistiosuma)
3. Jos kopiota ei ole tai se on vanhentunut, se hakee tiedoston alkuperäispalvelimelta (välimuistin ohitus)
4. Se säilyttää hakemansa tiedoston määritetyn ajan ja tarjoaa sen seuraaville kävijöille sieltä

03Mitä välimuisti on?

Välimuisti (cache) tarkoittaa usein pyydetyn datan tilapäistä tallentamista, jotta sitä ei tuoteta joka kerta alusta. Verkossa välimuisti toimii useassa kerroksessa, ja CDN on vain yksi niistä.

Kuka määrittää välimuistin keston?

Tiedoston säilytysajan määrittää useimmiten palvelimen lähettämä Cache-Control-otsake. Tiedostoille, joiden nimi ei muutu, käytetään lyhyitä aikoja, ja sisällön mukaan nimeä vaihtaville (esimerkiksi tyyli.a1b2c3.css) pitkiä aikoja.

# Nimi muuttuu version mukana: CSS, JS ja kuvat
Cache-Control: public, max-age=31536000, immutable

# HTML-sivut
Cache-Control: no-cache

Välimuistin tarkistaminen

Voit selvittää, tuleeko tiedosto CDN:stä, katsomalla vastausotsakkeita. Otsakkeiden nimet vaihtelevat palveluntarjoajan mukaan; useimmat näyttävät osuma- tai ohitustiedon erillisessä otsakkeessa.

curl -I https://www.ornek.com/assets/logo.webp

04CDN:n hyödyt

Kun huomioi, että merkittävä osa kävijöistä tulee mobiiliyhteydellä, jokainen millisekunti on arvokas. Kevyen sivurakenteen ja mobiiliystävällisen suunnittelun kanssa yhdistettynä CDN tarjoaa hyväksyttävän kokemuksen heikollakin yhteydellä.

• Nopeampi lataus: tiedostot tulevat kävijän läheltä
• Pienempi palvelinkuorma: suurin osa staattisten tiedostojen pyynnöistä ei saavuta alkuperäispalvelinta
• Kestävyys liikennepiikeille: kampanja- tai sesonkihuiput hoituvat helpommin
• Lisäkerros hyökkäyksiä vastaan: monet CDN:t tarjoavat suojan, joka suodattaa DDoS-hyökkäyksiä
• Sisäänrakennetut optimoinnit: pakkaus, modernit kuvaformaatit ja HTTP/2- tai HTTP/3-tuki
• Välimuistissa olevan sisällön tarjoaminen jonkin aikaa, vaikka yksittäisellä palvelimella olisi ongelma

05Tarvitseeko jokainen sivusto CDN:n?

Pienellä sivustolla, jolla on vähän kuvia ja jonka kävijät tulevat lähes kaikki samasta maasta kuin palvelin, CDN:n nopeushyöty voi jäädä rajalliseksi. Selvä ero näkyy kuitenkin sivustoilla, joilla on ulkomaisia kävijöitä, paljon kuvasisältöä tai äkillisiä liikennepiikkejä.

Matkailuala on tästä hyvä esimerkki: hotellin tai matkasivuston isot galleriakuvat palvelevat eri maista tulevia kävijöitä. Myös verkkokauppa-alustassa, jossa on paljon tuotekuvia ja jonka liikenne moninkertaistuu kampanjakausina, CDN auttaa estämään sivujen hidastumisen kuormituksessa.

Verkkopohjaisissa sovelluksissa tilanne on samanlainen. Varaus-, tilaus- tai jälleenmyyjäpaneelin kaltaisissa räätälöidyissä ohjelmistoratkaisuissa käyttöliittymätiedostot tarjotaan CDN:n kautta, kun taas henkilökohtainen data tulee suoraan sovelluspalvelimelta. Tämä ero suojaa sekä nopeutta että tietoturvaa; paneelin ensimmäinen avautuminen lyhenee, eikä arkaluonteinen data joudu koskaan yhteiseen välimuistiin.

Päätöstä tehdessä terveellisin tapa on mitata. Tarkastele sivustosi kävijöiden maantiedettä analytiikkatyökalustasi ja sivun nopeutta todellisen käyttäjädatan pohjalta. Jos merkittävä osa kävijöistä tulee kaukaa tai jos kuvat muodostavat suuren osan sivun painosta, CDN on vahva ehdokas.

06CDN:n käyttöönotossa huomioitavaa

CDN otetaan yleensä käyttöön kahdella tavalla: siirtämällä verkkotunnuksen DNS-hallinta CDN-palveluntarjoajalle tai käyttämällä erillistä aliverkkotunnusta pelkille staattisille tiedostoille. Suositun Cloudflaren käyttöönotto vaihe vaiheelta on kuvattu oppaassamme Cloudflaren käyttöönotto.

• Valitse SSL-tila oikein; myös reunapalvelimen ja alkuperäispalvelimen välisen yhteyden tulee olla salattu
• Älä tallenna välimuistiin henkilökohtaisia sivuja, kuten jäsenkirjautumista, ostoskoria ja maksusivuja
• Opettele tyhjentämään välimuisti (purge), kun sisältö päivittyy
• Tasapainota pitkä välimuistiaika ja päivitystarve lisäämällä tiedostonimiin versionumero
• Varmista todellinen hyöty mittaamalla nopeus ennen käyttöönottoa ja sen jälkeen

DNS-muutos ja siirto

DNS-tietueiden muuttaminen vaatii lyhyen ajan verkkotunnuksen uusien asetusten leviämiseen. Muista tarkistaa, että sähköpostitietueet (MX, SPF) on siirretty täydellisinä. Jos siirto tehdään palvelinvaihdoksen yhteydessä, webhotellin siirto kuuluu samaan suunnitelmaan.

07CDN ja Edge Computing

CDN:t suunniteltiin alun perin vain tiedostojen kopiointiin. Nykyään moni palveluntarjoaja sallii myös pienten koodinpätkien ajamisen reunapalvelimilla: reitityssäännöt, tietoturvatarkistukset ja personointi voidaan tehdä kävijää lähimmässä pisteessä. Tämän lähestymistavan yleisnimi on edge computing; käsittelimme sitä tarkemmin artikkelissa mitä edge computing on.

Hakukoneiden kannalta nopeus ja vakaus ovat tärkeitä signaaleja. CDN tukee hakukoneystävällisten verkkosivujen tavoitetta osana nopeaa ja teknisesti puhdasta rakennetta.