Építési jegyzetek3 rész · 2 percÍrta: Dezső Mező · Megjelent 2026. október 3..mdNext.jsWeb VitalsPerformanceImages
A Lighthouse-pontszám tünet, nem diagnózis. Az alábbi javítások azok, amelyek valódi ügyfél-buildjeinken tényleg mozdították a mutatót — beleértve ezt az oldalt is, ami egy 3D-s szobát tölt be, és mégis megfelel.
01A kép szokott lenni a tettes
Az oldal legnagyobb eleme szinte mindig egy tömörítetlenül, méretezetlenül és későn érkező hero-kép. Egy jól méretezett AVIF/WebP explicit méretekkel egyszerre javítja a legrosszabb LCP-t és a legrosszabb CLS-t — ez az egyetlen változás rendszeresen többet ér, mint egy hónap framework-finomítás.
02Amit nem küldesz ki, azért nem is fizetsz
A route-szintű kódszeletelés ingyenes a Next.js-ben, és mégis rendszeresen tönkreteszi egyetlen nehéz komponens importja a lap tetején. A szoba ezen az oldalon épp ezért tölti lustán a renderert: a HTML, a szöveg és a linkek már az első textúra előtt interaktívak.
03A betűkészlet layout-adó
A betöltési stratégia nélküli webfont garantált layout-ugrás. Preloadold azt az egy súlyt, ami a címsort rendereli, a többit swapold, és állíts metrika-felülírást, hogy a fallback ugyanazt a dobozt foglalja.
Amit érdemes elvinni
- Először a hero-képet javítsd — az egyszerre LCP és CLS.
- Szeletelj a route-határon; auditáld a fölötte lévő importokat.
- Preloadolj egy betűsúlyt, és metrika-egyeztesd a fallbacket.
- Mérj egy középkategóriás telefonon 4G-n, nem MacBookon wifin.
Több a laborból
Összes bejegyzés
Az AI-keresési láthatósági checklista, amit ezen az oldalon futtatunk
Az EU-s akadálymentesítési határidő lejárt — mi él még
Strukturált adat, amit a válaszmotor is tud használni
A helyi SEO-lista, amit mi is végigjárunk
Megnézzük ugyanezt a te rendszereden?Kezdjünk bele
