Hivatalos Kódvéna-képzésKözéphaladó
Weboldal-teljesítmény optimalizálása
Megméred, miért lassú a céges nyitóoldal telefonon, és képet, betűt, szkriptet meg gyorsítótárat javítasz, mielőtt mindent újraírnál.
A fodrászat nyitóoldala a telefonon lassú lehet, mert a nagy kép, a betű vagy egy szkript tartja. Megkülönbözteted a labort és a valódi látogatót, elmondod az LCP, az INP és a CLS jelentését szám nélkül, majd képet, betűt, szkriptet és gyorsítótárat javítasz, mielőtt keretrendszert cserélnél.
Mit tanulsz meg?
- Megkülönbözteted a labormérést és a látogatóknál mért adatot.
- Elmondod, mit jelent a LCP, az INP és a CLS egy céges nyitóoldalon, számot nem találsz ki.
- Képet a megfelelő méretben és formátumban adsz, szélességgel és magassággal.
- Felesleges webfontot és blokkoló szkriptet felismersz.
- Gyorsítótár-fejlécet egy statikus fájlhoz igazítasz.
- Egy konkrét oldalon rangsorolod, mit érdemes először javítani.
Tanmenet
3 modul · 8 lecke · minden modul végén zárókvíz
Kinek szól?
- Webfejlesztőknek, szabadúszóknak és kisvállalkozóknak, akiknek a nyitóoldal telefonon lassú, és mérni akarnak, mielőtt mindent újraírnak.
Előfeltételek
- HTML-alapok: szemantikus weboldalak
- CSS és reszponzív webdesign
Források
- Learn Performance (web.dev)
- Web Vitals (web.dev)
- Lighthouse áttekintés (Chrome)
- Az img elem (MDN)
- A rel=preload érték (MDN)
Utoljára ellenőrizve: 2026. 11. 12.