Grunderna i Core Web Vitals
Core Web Vitals omfattar tre mätvärden som mäter olika aspekter av laddnings- och interaktionshastigheten. LCP bedömer laddningstiden för det största synliga elementet, INP responsförmågan på användarinteraktioner och CLS den visuella stabiliteten under laddning. För flerspråkiga webbplatser måste dessa mätvärden övervakas separat per språkversion eftersom innehåll, typsnitt och bilder skiljer sig. En god användarupplevelse på alla språk kräver konsekventa optimeringsmetoder som tar hänsyn till varje versions specifika egenskaper.
Typsnittsoptimering och subsetting
Typsnitt är ofta en av de största resurserna på webben. För flerspråkiga webbplatser måste flera typsnittsfamiljer eller -snitt laddas, vilket ökar laddningstiden. Subsetting minskar filstorleken genom att endast bädda in de tecken som faktiskt behövs (t.ex. latinska, kyrilliska eller asiatiska tecken). Moderna format som WOFF2 erbjuder ytterligare komprimering. Servera typsnitt endast på de språk som används på sidan och använd font-display: swap för att göra texten omedelbart synlig. På så sätt förbättrar du LCP och förhindrar layoutförskjutningar.
Bildoptimering med WebP
Bilder utgör ofta den största delen av sidans volym. Det moderna formatet WebP erbjuder överlägsen komprimering med bibehållen kvalitet jämfört med JPEG eller PNG. För flerspråkiga webbplatser bör du tillhandahålla egna bilder för varje språkversion, som levereras med srcset-attributet och olika upplösningar. Använd även Lazy Loading för bilder som inte syns för att minska den initiala laddningstiden. Se till att bildmåtten anges i HTML eller CSS för att undvika CLS.
Caching-strategier per språk
Caching är avgörande för snabba återbesök. För flerspråkiga webbplatser måste du anpassa cache-headers per språkversion eftersom innehållet skiljer sig åt. Använd språkcookies eller URL-sökvägar (t.ex. /en/, /de/) för att definiera cache-nycklar. Sätt långa cache-tider för statiska resurser som typsnitt och CSS, men kortare tider för HTML-sidor som kan vara dynamiska. Ett serversidigt caching som Redis eller Varnish kan ytterligare förbättra svarstiderna. Testa regelbundet att alla språk cachas korrekt.
Edge- och CDN-användning
Ett Content Delivery Network (CDN) distribuerar ditt innehåll på servrar över hela världen och minskar latens för användare i olika regioner. För flerspråkiga webbplatser är det viktigt att CDN:t levererar språkspecifika resurser korrekt. Konfigurera geo-routing så att besökare automatiskt använder närmaste server. Använd Edge-Sie-Heading för att leverera personaliserat innehåll baserat på språk. Se till att CDN:t stöder HTTP/2 eller HTTP/3 och att Core Web Vitals inte påverkas av ytterligare DNS-sökningar.
