PageSpeed 100 elérésének titkai — Gyakorlati útmutató

PageSpeed 100 — Nem lehetetlen

A Google PageSpeed Insights 100-as pontszáma sokak számára elérhetetlennek tűnik, de megfelelő technikákkal és odafigyeléssel bármely weboldalon elérhető. Íme a mi bevált módszereink.

1. Képoptimalizálás

A modern formátumok (AVIF, WebP) használata akár 50-70%-os méretcsökkenést jelent a hagyományos JPEG/PNG formátumokhoz képest. A lazy loading és az LQIP (Low Quality Image Placeholder) technika további javulást hoz.

2. Critical CSS

A hajtás feletti tartalom CSS-ét inline módon szolgáljuk ki, a többi stílust aszinkron töltjük be. Ez drámaian javítja a First Contentful Paint (FCP) és a Largest Contentful Paint (LCP) mutatókat.

3. JavaScript minimalizálás

Az Astro Islands Architecture-nek köszönhetően csak ott töltünk be JavaScript-et, ahol interaktivitásra van szükség. Egy átlagos oldalon ez 90%-kal kevesebb JS-t jelent.

4. Font optimalizálás

Fontsource self-hosted betűtípusok, font-display: swap, és a felesleges karakter-készletek eltávolítása subsetting segítségével.