Core Web Vitals -perusteet
Core Web Vitals -mittarit koostuvat kolmesta metriikasta, jotka mittaavat lataus- ja vuorovaikutusnopeuden eri osa-alueita. LCP arvioi suurimman näkyvän elementin latausaikaa, INP käyttäjän vuorovaikutusten reagointikykyä ja CLS visuaalista vakautta latauksen aikana. Monikielisillä sivustoilla näitä metriikoita on seurattava erikseen jokaiselle kieliversiolle, koska sisältö, fontit ja kuvat eroavat toisistaan. Hyvä käyttökokemus kaikilla kielillä edellyttää johdonmukaisia optimointimenetelmiä, jotka huomioivat kunkin version erityispiirteet.
Fonttien optimointi ja subsetting
Fontit ovat usein yksi suurimmista verkkosivujen resursseista. Monikielisillä sivustoilla on ladattava useita kirjasinperheitä tai -leikkauksia, mikä pidentää latausaikaa. Subsetting pienentää tiedostokokoa upottamalla vain tarvittavat merkit (esim. latinalaiset, kyrilliset tai aasialaiset kirjoitusmerkit). Nykyaikaiset muodot, kuten WOFF2, tarjoavat lisäpakkausta. Tarjoa fontteja vain sivuilla käytetyillä kielillä ja käytä font-display: swap -ominaisuutta, jotta teksti tulee heti näkyviin. Tämä parantaa LCP:tä ja estää asettelun siirtymät.
Kuvien optimointi WebP:llä
Kuvat muodostavat usein suurimman osan sivun koosta. Moderni WebP-muoto tarjoaa paremman pakkauksen samalla laadulla verrattuna JPEG- tai PNG-muotoihin. Monikielisillä sivustoilla kannattaa tarjota kullekin kieliversiolle omat kuvat, jotka toimitetaan srcset-attribuutilla ja eri resoluutioilla. Käytä lisäksi lazy loadingia ei-näkyville kuville lyhentääksesi alkuperäistä latausaikaa. Varmista, että kuvien mitat määritellään HTML- tai CSS-koodissa CLS:n välttämiseksi.
Välimuististrategiat kielittäin
Välimuisti on välttämätön nopeille uusintakäynneille. Monikielisillä sivustoilla välimuistin otsakkeet on mukautettava kieliversioittain, koska sisällöt eroavat toisistaan. Käytä kielievästeitä tai URL-polun osia (esim. /en/, /fi/) välimuistiavaimien määrittämiseen. Aseta pitkät välimuistiajat staattisille resursseille, kuten fonteille ja CSS:lle, mutta lyhyemmät aikajaksot HTML-sivuille, jotka voivat olla dynaamisia. Palvelinpuolen välimuisti, kuten Redis tai Varnish, voi parantaa vastausaikoja entisestään. Testaa säännöllisesti, että kaikki kielet tallentuvat välimuistiin oikein.
Edge- ja CDN-käyttö
Sisällönjakeluverkko (CDN) jakaa sisältösi palvelimille ympäri maailmaa ja vähentää viivettä eri alueiden käyttäjille. Monikielisillä sivustoilla on tärkeää, että CDN toimittaa kielikohtaiset resurssit oikein. Määritä geo-reititys, jotta kävijät käyttävät automaattisesti lähintä palvelinta. Käytä Edge-Sie-Headingiä henkilökohtaisen sisällön toimittamiseen kielen perusteella. Varmista, että CDN tukee HTTP/2 tai HTTP/3 ja että Core Web Vitals -mittarit eivät heikkene ylimääräisten DNS-hakujen takia.
