Milyen weboldal-optimalizációs módszereket ismer?

A weboldalak optimalizálásának fő módszerei a következők:

• Erőforrások minifikálása és tömörítése: a CSS, JS és HTML fájlok méretének csökkentése minifikációval és gzip/Brotli tömörítéssel.
• Gyorsítótár (Caching): HTTP fejléc használata, mint például Cache-Control, ETag, az erőforrások újrafelhasználásához anélkül, hogy újra kellene tölteni őket.
• Lazy loading (késleltetett betöltés): képek és más erőforrások késleltetett betöltése, amíg nem láthatóak.
• Képek optimalizálása: modern formátumok (WebP) használata, megfelelő méretezés és tömörítés.
• Kód szétválasztása (Code splitting): a JS kód felosztása részekre, hogy csak a szükséges részek töltődjenek be.
• CDN használata: statikus erőforrások szállítása tartalomelosztó hálózaton keresztül a késleltetés csökkentése érdekében.
• Aszinkron script betöltés: async vagy defer használata a script-ekhez, hogy ne blokkolják a renderelést.
• Kiszolgáló kérések optimalizálása: a kérések számának csökkentése, fájlok egyesítése, HTTP/2 használata.

Példa lazy loading használatára képeknél HTML-ben:

<img src="image.jpg" loading="lazy" alt="Példa">