Osnove Core Web Vitals
Core Web Vitals obuhvaća tri metrike koje mjere različite aspekte brzine učitavanja i interaktivnosti. LCP ocjenjuje vrijeme učitavanja najvećeg vidljivog elementa, INP reagiranje na korisničke interakcije, a CLS vizualnu stabilnost tijekom učitavanja. Za višejezične web stranice ove se metrike moraju zasebno pratiti za svaku jezičnu verziju jer se sadržaj, fontovi i slike razlikuju. Dobro korisničko iskustvo na svim jezicima zahtijeva dosljedne pristupe optimizaciji koji uzimaju u obzir specifična svojstva svake verzije.
Optimizacija fontova i podskupovi
Fontovi su često jedan od najvećih resursa na webu. Za višejezične stranice potrebno je učitati više obitelji fontova ili rezova, što povećava vrijeme učitavanja. Podskupovi smanjuju veličinu datoteke ugrađivanjem samo stvarno potrebnih znakova (npr. latiničnih, ćiriličnih ili azijskih pismenih znakova). Moderni formati poput WOFF2 nude dodatnu kompresiju. Poslužujte fontove samo na jezicima koji se koriste na stranici i koristite font-display: swap kako bi tekst bio odmah vidljiv. Time poboljšavate LCP i sprječavate pomake rasporeda.
Optimizacija slika s WebP
Slike često čine najveći dio volumena stranice. Moderni format WebP nudi vrhunsku kompresiju uz istu kvalitetu u usporedbi s JPEG ili PNG. Za višejezične stranice trebali biste osigurati zasebne slike za svaku jezičnu verziju, koje se isporučuju s atributom srcset i različitim rezolucijama. Također koristite Lazy Loading za slike koje nisu vidljive kako biste skratili početno vrijeme učitavanja. Pazite da su dimenzije slika postavljene u HTML-u ili CSS-u kako biste izbjegli CLS.
Strategije predmemoriranja po jeziku
Predmemoriranje je ključno za brze ponovne posjete. Za višejezične stranice morate prilagoditi zaglavlja predmemorije po jezičnoj verziji jer se sadržaj razlikuje. Koristite jezične kolačiće ili URL putanje (npr. /en/, /de/) za definiranje ključeva predmemorije. Postavite duga vremena predmemoriranja za statičke resurse poput fontova i CSS-a, ali kraća vremena za HTML stranice koje mogu biti dinamične. Predmemoriranje na strani poslužitelja poput Redis ili Varnish može dodatno poboljšati vrijeme odgovora. Redovito testirajte jesu li svi jezici ispravno predmemorirani.
Korištenje rubnih poslužitelja i CDN-a
Mreža za isporuku sadržaja (CDN) distribuira vaš sadržaj na poslužitelje diljem svijeta i smanjuje latenciju za korisnike u različitim regijama. Za višejezične web stranice važno je da CDN ispravno isporučuje jezično specifične resurse. Konfigurirajte geo-usmjeravanje tako da posjetitelji automatski koriste najbliži poslužitelj. Koristite Edge-Side-Uključivanje za isporuku personaliziranog sadržaja na temelju jezika. Pazite da CDN podržava HTTP/2 ili HTTP/3 i da Core Web Vitals nisu narušeni dodatnim DNS upitima.
