A Core Web Vitals alapjai
A Core Web Vitals három metrikát foglal magában, amelyek a betöltési és interakciós sebesség különböző aspektusait mérik. Az LCP a legnagyobb látható elem betöltési idejét értékeli, az INP a felhasználói interakciókra való reagálóképességet, a CLS pedig a betöltés közbeni vizuális stabilitást. Többnyelvű oldalak esetében ezeket a metrikákat nyelvi verzióként külön kell figyelni, mivel a tartalom, betűtípusok és képek eltérőek. A jó felhasználói élmény minden nyelven következetes optimalizálási megközelítéseket igényel, amelyek figyelembe veszik az egyes verziók sajátosságait.
Betűtípus-optimalizálás és részhalmazképzés
A betűtípusok gyakran a web egyik legnagyobb erőforrását jelentik. Többnyelvű oldalak esetében több betűcsaládot vagy -változatot kell betölteni, ami növeli a betöltési időt. A részhalmazképzés csökkenti a fájlméretet azáltal, hogy csak a ténylegesen szükséges karaktereket (pl. latin, cirill vagy ázsiai írásjeleket) ágyazza be. A modern formátumok, mint a WOFF2, további tömörítést kínálnak. Csak az oldalon használt nyelvekhez szükséges betűtípusokat szolgáltassa, és használja a font-display: swap tulajdonságot, hogy a szöveg azonnal látható legyen. Ezzel javítja az LCP-t és megakadályozza az elrendezés-eltolódásokat.
Képoptimalizálás WebP-vel
A képek gyakran teszik ki az oldal legnagyobb részét. A modern WebP formátum kiváló tömörítést kínál azonos minőség mellett a JPEG vagy PNG formátumokhoz képest. Többnyelvű oldalak esetében minden nyelvi verzióhoz saját képeket kell biztosítani, amelyeket a srcset attribútummal és különböző felbontásokkal kell kiszolgálni. Emellett használjon lusta betöltést a nem látható képeknél a kezdeti betöltési idő csökkentése érdekében. Ügyeljen arra, hogy a képméretek HTML-ben vagy CSS-ben legyenek meghatározva a CLS elkerülése végett.
Gyorsítótárazási stratégiák nyelvek szerint
A gyorsítótárazás elengedhetetlen a gyors ismételt látogatásokhoz. Többnyelvű oldalak esetében a gyorsítótár fejléceket nyelvi verzióként kell testreszabni, mivel a tartalom eltérő. Használjon nyelvi cookie-kat vagy URL-útvonalakat (pl. /en/, /de/) a gyorsítótár-kulcsok meghatározásához. Állítson be hosszú gyorsítótárazási időket statikus erőforrásokhoz, mint betűtípusok és CSS, de rövidebb időket a dinamikus HTML-oldalakhoz. A szerveroldali gyorsítótárazás, mint a Redis vagy Varnish, tovább javíthatja a válaszidőket. Rendszeresen ellenőrizze, hogy minden nyelv megfelelően gyorsítótárazódik-e.
Edge- és CDN-használat
Egy Content Delivery Network (CDN) a tartalmat világszerte szervereken osztja el, és csökkenti a késleltetést a különböző régiókban lévő felhasználók számára. Többnyelvű webhelyek esetében fontos, hogy a CDN a nyelvspecifikus erőforrásokat helyesen szolgáltassa ki. Konfigurálja a Geo-Routingot, hogy a látogatók automatikusan a legközelebbi szervert használják. Használja az Edge-Sie-Headinget a nyelv alapján személyre szabott tartalmak kiszolgálásához. Ügyeljen arra, hogy a CDN támogassa a HTTP/2 vagy HTTP/3 protokollt, és hogy a Core Web Vitals ne sérüljön a további DNS-lekérdezések miatt.
