A fő szál leghosszabb feladatait listázza. Hasznos az interakciótól számított késéshez legnagyobb mértékben hozzájáruló elemek azonosításához. [További információ arról, hogy miként kerülhetők el a hosszú feladatok a fő szálban](https://web.dev/articles/optimize-long-tasks).
Kihagyási link hozzáadásával segíthet a felhasználóknak a fő tartalomra ugrani és így időt megtakarítani. [További információ a kihagyási linkekről](https://dequeuniversity.com/rules/axe/4.10/skip-link).
A kép természetes méreteinek arányosnak kell lenniük a megjelenítési mérettel és a pixelaránnyal a lehető legnagyobb képtisztaság érdekében. [További információ a reszponzív képek megadásáról](https://web.dev/articles/serve-responsive-images).
A szöveg következetes láthatóságának biztosítása érdekében fontolja meg a [font-display](https://developer.chrome.com/blog/font-display) beállítását a következők egyikére: swap vagy optional. A swap tovább optimalizálható az elrendezésmozgások mérséklése érdekében a [betűméretmutató-felülbírálásokkal](https://developer.chrome.com/blog/font-fallbacks).
Érdemes csökkenteni a JavaScript elemzésére, kompilálására és végrehajtására fordított időt. Ebben segíthet, ha kisebb méretű JavaScript-forrásokat továbbít. [További információ a fő szál terhelésének minimalizálásáról](https://developer.chrome.com/docs/lighthouse/performance/mainthread-work-breakdown/).
A nagy méretű DOM megnöveli a memóriahasználatot, hosszabb ideig tartó stílusszámítást igényel, valamint költséges elrendezés-újraszámítással jár, ami befolyásolja az oldal reagálóképességét. [További információ a túl nagy méretű DOM elkerüléséről](https://developer.chrome.com/docs/lighthouse/performance/dom-size/).
Ezek az oldalon észlelt legnagyobb elrendezésmozgások. A táblázat egyes elemei egy-egy elrendezésmozgásnak felelnek meg, és a legnagyobb mértékben elmozdult elemet mutatják. Az egyes elemek alatt az elrendezésmozgást kiváltó lehetséges okok láthatók. Előfordulhat, hogy a [csak a felhasználó által látható tartalom megjelenítése](https://web.dev/articles/cls#what_is_cls) miatt ezen elrendezésmozgások közül néhány nem szerepel a CLS-mutató értékében. [További információ a CLS javításáról](https://web.dev/articles/optimize-cls).
Az első releváns vizuális válasz azt méri, hogy mikor válik láthatóvá az oldal elsődleges tartalma. [További információ az Első releváns vizuális válasz mutatóról](https://developer.chrome.com/docs/lighthouse/performance/first-meaningful-paint/).
Minden webhelyet HTTPS-sel kell védeni, még akkor is, ha nem kezelnek bizalmas adatokat Ez vonatkozik a [vegyes tartalmak](https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content) elkerülésére is, amelyek esetében egyes források annak ellenére töltődnek be HTTP-kapcsolaton keresztül, hogy a kezdeti kérés HTTPS-kapcsolaton keresztül lett kiszolgálva. A HTTPS megakadályozza, hogy behatolók módosítsák vagy passzívan megfigyeljék az alkalmazás és a felhasználók közötti kommunikációt. Ezt a protokollt megköveteli a HTTP/2, valamint számos új webes API is. [További információ a HTTPS-ről](https://developer.chrome.com/docs/lighthouse/pwa/is-on-https/).
A képernyőolvasót használó látogatók keretcímekre hagyatkozhatnak a keretek tartalmának leírásakor. [További információ a keretcímekről](https://dequeuniversity.com/rules/axe/4.10/frame-title).
A képek letöltési idejének csökkentésével javíthatja az oldal és az LCP észlelt betöltési idejét. [További információ a képméret optimalizálásáról](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/)
Az elrendezésmozgások akkor fordulnak elő, amikor az elemek bárminemű felhasználói interakció nélkül mozognak. [Vizsgálja meg a elrendezésmozgás okait](https://web.dev/articles/optimize-cls), például az elemeket hozzáadását, eltávolítását vagy az elrendezés betűtípusának változását az oldal betöltődésekor.
Ha a weboldal nyelve nem konzisztens, akkor előfordulhat, hogy a képernyőolvasó helytelenül olvassa majd fel az oldal szövegét. [További információ a(z) `lang` attribútumról](https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch).
The `X-Frame-Options` (XFO) header or the `frame-ancestors` directive in the `Content-Security-Policy` (CSP) header control where a page can be embedded. These can mitigate clickjacking attacks by blocking some or all sites from embedding the page. [Learn more about mitigating clickjacking](https://developer.chrome.com/docs/lighthouse/best-practices/clickjacking-mitigation).
A HSTS-fejléc bevezetése jelentősen csökkenti a HTTP-kapcsolatok alacsonyabb szintre való besorolását és a lehallgatási támadások kockázatát. Javasoljuk, hogy fokozatosan vezesse be a szolgáltatást, kezdve egy alacsony max-age paraméter beállításával. [További információ erős HSTS-házirend használatáról.](https://developer.chrome.com/docs/lighthouse/best-practices/has-hsts)
A polifill és az átalakítás lehetővé teszi, hogy a régi böngészők is használhassák az újabb JavaScript-funkciókat. A modern böngészők esetében azonban sok polifill és átalakítás szükségtelen. Használjon modern szkripttelepítő módszert csomagolt JavaScript-kódjaihoz, amely észleli a module/nomodule utasításokat. Így kevesebb kódot küld a modern böngészőknek, mégis megtarthatja a régi böngészők támogatását. [További információ a modern JavaScript használatáról](https://web.dev/articles/publish-modern-javascript).
Ha a gyorsítótárak élettartama hosszú, gyorsabbá válnak az oldal későbbi ismételt megnyitásai. [További információ a hatékony gyorsítótár-házirendekről](https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl/).
A harmadik felektől származó kódok jelentős hatással lehetnek a betöltés teljesítményére. [Csökkentse és késleltesse a harmadik féltől származó kód betöltését](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/) az oldal tartalmának előrébb sorolása érdekében.
Custom interactive controls are keyboard focusable and display a focus indicator. [Learn how to make custom controls focusable](https://developer.chrome.com/docs/lighthouse/accessibility/focusable-controls/).
A túl nagy GIF-fájlokkal nem lehet hatékonyan animált tartalmakat nyújtani. Az adatforgalom csökkentésének érdekében a GIF-ek helyett érdemes az animációkhoz MPEG4-/WebM-videókat használnia, a statikus képekhez pedig PNG-/WebP-képeket. [További információ a hatékony videóformátumokról](https://developer.chrome.com/docs/lighthouse/performance/efficient-animated-content/).
A keresőmotorok `href` attribútumokat használhatnak a linkeknél a webhelyek feltérképezéséhez. Biztosítsa, hogy a horgonyelemek `href` attribútuma a megfelelő céloldalra hivatkozzon, hogy a webhely minél több oldala felfedezhető legyen. [További információ arról, hogy miként teheti a linkeket feltérképezhetővé](https://support.google.com/webmasters/answer/9112205).
Ha az elemeken érvényes, [BCP 47 által definiált nyelvet](https://www.w3.org/International/questions/qa-choosing-language-tags#question) határoz meg, azzal segíthet a képernyőolvasóknak a szöveg helyes kiejtésében. [További információ a `lang` attribútum használatáról](https://dequeuniversity.com/rules/axe/4.10/valid-lang).
Ha az `<input>` típusú gombként használt képekhez alternatív szöveget is megad, segíthet a képernyőolvasót használó látogatóknak a gomb rendeltetésének megértésében. [További információ a bemeneti kép leíró szövegéről](https://dequeuniversity.com/rules/axe/4.10/input-image-alt)
Érdemes lehet felhasználnia alkalmazásában a User Timing API-t, amellyel valós használat során mért teljesítményadatokat kaphat a legfontosabb felhasználói műveletekről. [További információ a Felhasználói időmérés jeleiről](https://developer.chrome.com/docs/lighthouse/performance/user-timings/).
Azok a látható szöveges címkék, amelyek nem egyeznek meg a kisegítő névvel, zavarók lehetnek a képernyőolvasót használók számára. [További információ a kisegítő nevekről](https://dequeuniversity.com/rules/axe/4.10/label-content-name-mismatch).
A nagy méretű DOM megnöveli a memóriahasználatot, hosszabb ideig tartó [stílusszámítást](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations) igényel, valamint költséges [elrendezés-újraszámítással](https://developers.google.com/speed/articles/reflow) jár. [További információ a túl nagy méretű DOM elkerüléséről](https://developer.chrome.com/docs/lighthouse/performance/dom-size/).
A nagy hálózati terhelés tényleges anyagi költséget jelenthet a felhasználóknak, és jellemzően jelentősen megnöveli a betöltési időt. [További információ a továbbított adatok méretének csökkentéséről](https://developer.chrome.com/docs/lighthouse/performance/total-byte-weight/).
Ha egy számláló elem nem rendelkezik kisegítő névvel, a képernyőolvasók általános néven olvassák fel, ami használhatatlan a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a(z) `meter` elemek elnevezéséről](https://dequeuniversity.com/rules/axe/4.10/aria-meter-name).
A szerverek várakozási ideje hatással lehet a webes teljesítményre. Túlterhelést vagy nem megfelelő háttérteljesítmény jelez, ha az eredetszerver várakozási ideje túl magas. [További információ a szerverválaszidőről](https://hpbn.co/primer-on-web-performance/#analyzing-the-resource-waterfall).
Ellenőrizze a strukturált adatok érvényességét a [Strukturált adatok tesztelőeszköz](https://search.google.com/structured-data/testing-tool/) és a [Structured Data Linter](http://linter.structured-data.org/) segítségével. [További információ a strukturált adatokról](https://developer.chrome.com/docs/lighthouse/seo/structured-data/).
[Avoid chaining critical requests](https://developer.chrome.com/docs/lighthouse/performance/critical-request-chains) by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
A címkék biztosítják, hogy a segítő technológiák (pl. a képernyőolvasók) megfelelően jelezzék az űrlapvezérlőket. [További információ az űrlapelemcímkékről](https://dequeuniversity.com/rules/axe/4.10/label).
A nem kompozit animációk minősége elégtelen lehet, és az ilyen animációk növelhetik a CLS-t. [További információ a nem kompozit animációk elkerüléséről](https://developer.chrome.com/docs/lighthouse/performance/non-composited-animations/).
Az oldaltartalom tömör összefoglalásának érdekében metaleírások szerepelhetnek a keresési eredményekben. [További információ a metaleírásról](https://developer.chrome.com/docs/lighthouse/seo/meta-description/).
A cím áttekintést ad az oldalról a képernyőolvasót használóknak, a keresőmotorok felhasználói pedig nagymértékben hagyatkoznak rá annak meghatározásához, hogy az oldal releváns-e az adott kereséshez. [További információ a dokumentumcímekről](https://dequeuniversity.com/rules/axe/4.10/document-title).
Az Elrendezés összmozgása mutató az oldal megjelenítési területén látható elemek mozgását méri. [További információ az Elrendezés összmozgása mutatóról](https://web.dev/articles/cls).
Custom interactive controls have appropriate ARIA roles. [Learn how to add roles to custom controls](https://developer.chrome.com/docs/lighthouse/accessibility/custom-control-roles/).
Ha valamelyik gomb nem rendelkezik kisegítő névvel, a képernyőolvasók „gomb” néven olvassák fel, ami nem igazán hasznos a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a gombok hozzáférhetőbbé tételéről](https://dequeuniversity.com/rules/axe/4.10/button-name).
A `font-display` CSS-függvény bekapcsolásával biztosíthatja, hogy a szöveg olvasható legyen a felhasználók számára, mialatt a webes betűtípusokat betölti a rendszer. [További információ a következőről: `font-display`](https://developer.chrome.com/docs/lighthouse/performance/font-display/).
A sikertelenséget jelző HTTP-állapotkóddal rendelkező oldalak indexelése eredménytelen lehet. [További információ a HTTP-állapotkódokról](https://developer.chrome.com/docs/lighthouse/seo/http-status-code/).
Lists the network requests that were made during page load.
A hálózati oda-vissza út ideje (RTT) nagy hatással van a teljesítményre. Ha túl magas az RTT értéke valamelyik eredet esetében, az azt jelenti, hogy a felhasználóhoz közelebbi szerverek használata javíthatja a teljesítményt. [További információ az oda-vissza út idejéről](https://hpbn.co/primer-on-latency-and-bandwidth/).
A CSS-fájlok kicsinyítése csökkentheti a hálózaton továbbított adatok méretét. [További információ a CSS kicsinyítéséről](https://developer.chrome.com/docs/lighthouse/performance/unminified-css/).
Ha valamelyik elemleírási elem nem rendelkezik kisegítő névvel, a képernyőolvasók általános néven olvassák fel, ami használhatatlan a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a(z) `tooltip` elemek elnevezéséről](https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name).
A nagyítás letiltása problémát jelent a gyengén látó felhasználók számára, akik a képernyőnagyításra hagyatkoznak ahhoz, hogy megfelelően láthassák a weboldal tartalmát. [További információ a viewport-metacímkéről](https://dequeuniversity.com/rules/axe/4.10/meta-viewport).
Ha egy `treeitem` elem nem rendelkezik kisegítő névvel, a képernyőolvasók általános néven olvassák fel, ami használhatatlan a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a `treeitem`-elemek címkézéséről](https://dequeuniversity.com/rules/axe/4.10/aria-treeitem-name).
A definíciós listák elemeit (`<dt>` és `<dd>`) `<dl>` szülőelembe kell foglalni, hogy a képernyőolvasók megfelelően felolvashassák őket. [További információ a definíciós listák helyes strukturálásáról](https://dequeuniversity.com/rules/axe/4.10/dlitem).
Many APIs, typically reading layout geometry, force the rendering engine to pause script execution in order to calculate the style and layout. Learn more about [forced reflow](https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing#avoid-forced-synchronous-layouts) and its mitigations.
Optimalizálja az LCP-t úgy, hogy az LCP-képet azonnal [felfedezhetővé](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) teszi a HTML-ben, és [elkerüli a késleltetett betöltést](https://web.dev/articles/lcp-lazy-loading).
A segítő technológiák (például a képernyőolvasók) nem tudják értelmezni az érvénytelen névvel rendelkező ARIA-attribútumokat. [További információ az érvényes ARIA-attribútumokról](https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr).
Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. [Learn how to decorate interactive elements with affordance hints](https://developer.chrome.com/docs/lighthouse/accessibility/interactive-element-affordance/).
Távolítsa el a csomagjaiból a nagy méretű, többször előforduló JavaScript-modulokat, hogy kevesebb hálózati forgalmat okozzanak.
A szövegalapú forrásokat tömörítéssel (gzip, Deflate vagy Brotli) célszerű továbbítani a hálózati adatforgalom minimalizálása érdekében. [További információ a szöveg tömörítéséről](https://developer.chrome.com/docs/lighthouse/performance/uses-text-compression/).
A megfelelően rendezett címsorok (amelyek nem ugranak át szinteket) megfelelően közvetítik az oldal szemantikai struktúráját, így könnyebbé teszik a navigációt és a megértést a segítő technológiák használata esetén. [További információ a címsorok sorrendjéről](https://dequeuniversity.com/rules/axe/4.10/heading-order).
A képernyőolvasók sajátos módon olvassák fel a listákat. A megfelelő listastruktúra biztosítása segíti a képernyőolvasók működését. [További információ a megfelelő listastruktúráról](https://dequeuniversity.com/rules/axe/4.10/list).
Források blokkolják az oldal első vizuális válaszát. Javasoljuk, hogy a legfontosabb JavaScript-/CSS-elemeket beágyazva továbbítsa, a nem fontos JavaScriptet/stílust pedig késleltesse [További információ a megjelenítést gátló erőforrások eltávolításáról](https://developer.chrome.com/docs/lighthouse/performance/render-blocking-resources/).
A nem használt JavaScript-kódok számának csökkentésével és a betöltési szkriptek késleltetésével csökkentheti a hálózati tevékenység által felhasznált bájtmennyiséget. [További információ a nem használt JavaScript-kódok számának csökkentéséről](https://developer.chrome.com/docs/lighthouse/performance/unused-javascript/).
A user can tab into and out of any control or region without accidentally trapping their focus. [Learn how to avoid focus traps](https://developer.chrome.com/docs/lighthouse/accessibility/focus-traps/).
A hozzáférési kulcsok segítségével a felhasználók gyorsan fókuszálhatnak az oldal adott részére. A megfelelő navigáció érdekében az összes hozzáférési kulcsnak egyedinek kell lennie. [További információ a hozzáférési kulcsokról](https://dequeuniversity.com/rules/axe/4.10/accesskeys).
Ha a videóhoz felirat tartozik, a siket és hallássérült felhasználók egyszerűbben hozzájuthatnak a videóban található információkhoz. [További információ a videofeliratokról](https://dequeuniversity.com/rules/axe/4.10/video-caption).
Az első hálózati kérelem a legfontosabb. Csökkentse a várakozási idejét az átirányítások elkerülésével, gyors szerverválasz biztosításával és a szövegtömörítés engedélyezésével.
Az ARIA-attribútumok használata olyan szerepekben, ahol tiltottak, azzal járhat, hogy a rendszer nem ad át fontos információkat a segítő technológiák felhasználóinak. [További információ a tiltott ARIA-szerepekről](https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr).
Minden [fázisnak megvannak a maga specifikus javítási stratégiái](https://web.dev/articles/optimize-lcp#lcp-breakdown). Ideális esetben az LCP-idő nagy részét az erőforrások betöltésére kell fordítani, nem pedig késésekre.
Kötelező deklarálnia a karakterkódolást. Ezt megteheti egy `<meta>` címkében, ha az a HTML első 1024 bájtjába kerül, vagy a HTTP-válasz Content-Type fejlécében. [További információ a karakterkódolás deklarálásáról](https://developer.chrome.com/docs/lighthouse/best-practices/charset/).
Ez a legnagyobb, tartalommal rendelkező elem a megjelenítési területen. [További információ a Legnagyobb vizuális tartalom elemről](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/).
The last screenshot captured of the pageload.
Az optimalizált képek gyorsabban betöltődnek, és kevesebb mobiladat-forgalmat generálnak. [További információ a képek hatékony kódolásáról](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/).
A 12 képpontnál kisebb betűméretek nehezen láthatók, ezért a mobilhasználóknak a szöveget elolvasásához fel kell nagyítaniuk a képernyő tartalmát. Törekedjen arra, hogy az oldal szövegének legalább 60%-a minimum 12 képpontos betűmérettel jelenjen meg. [További információ az olvasható betűméretekről](https://developer.chrome.com/docs/lighthouse/seo/font-size/).
Vegye fontolóra a képernyőn kívüli és rejtett képek késleltetett, kritikus források utáni betöltését, hogy csökkentse az oldal interaktivitásig eltelt idejét. [További információ a képernyőn kívüli képek betöltésének késleltetéséről](https://developer.chrome.com/docs/lighthouse/performance/offscreen-images/).
A tartózkodási helyre vonatkozó engedély váratlan kérése bizalmatlanságra adhat okot, valamint összezavarhatja a felhasználókat. Érdemes inkább felhasználói műveletekhez kötni a kérést. [További információ a földrajzihely-meghatározásra vonatkozó engedélyről](https://developer.chrome.com/docs/lighthouse/best-practices/geolocation-on-start/).
Ha a megjelenítési terület nincs optimalizálva mobilra, akkor a koppintási műveleteknél [akár 300 ms késés is jelentkezhet](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/)
Az alacsony kontrasztú szöveg sokak számára nehezen vagy egyáltalán nem olvasható. A felismerhető linkszövegek javítják a gyengénlátó felhasználók élményét. [További információ a linkek felismerhetőségének biztosításáról](https://dequeuniversity.com/rules/axe/4.10/link-in-text-block).
Előfordulhat, hogy az elavult ARIA-szerepeket a segítő technológia nem tudja helyesen feldolgozni. [További információ az elavult ARIA-szerepekről](https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role).
Collects all available metrics.
A képernyőolvasók olyan funkciókkal is rendelkeznek, amelyek megkönnyítik a táblázatokban való navigációt. Ha biztosítja, hogy a táblázatok fejlécei mindig hivatkozzanak bizonyos cellákra, megkönnyítheti az oldal használatát a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a táblázatfejlécekről](https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells).
A `<meta name="viewport">` nem csupán optimalizálja az alkalmazást a mobilképernyő-méretekre, hanem meg is akadályoz [egy 300 ezredmásodperces késleltetést a felhasználói bevitelnél](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/). [További információ a viewport-metacímke használatáról](https://developer.chrome.com/docs/lighthouse/pwa/viewport/).
Ha a robots.txt fájl formázása rossz, előfordulhat, hogy a feltérképező robotok nem tudják értelmezni, hogy Ön hogyan szeretné feltérképeztetni vagy indexeltetni a webhelyét. [További információ a robots.txt fájlról](https://developer.chrome.com/docs/lighthouse/seo/invalid-robots-txt/).
A leíró jellegű linkszövegek segítenek a keresőmotoroknak a tartalmak értelmezésében. [További információ a linkek hozzáférhetőbbé tételéről](https://developer.chrome.com/docs/lighthouse/seo/link-text/).
Az ARIA-szerepköröknek érvényes értékekkel kell rendelkezniük, hogy megfelelően teljesíthessék a kívánt kisegítő funkciójukat. [További információ az érvényes ARIA-szerepkörökről](https://dequeuniversity.com/rules/axe/4.10/aria-roles).
Az összegző attribútumnak a táblázat szerkezetét kell leírnia, a(z) `<caption>` attribútumnak pedig a képernyőn megjelenő címet. A pontos táblázatjelölés segít a képernyőolvasót használóknak. [További információ az összegzésről és a feliratokról](https://dequeuniversity.com/rules/axe/4.10/table-duplicate-name).
A konzolon megjelenő hibák megoldatlan problémákat jeleznek. Okaik lehetnek sikertelen hálózati kérések, valamint más böngészős tényezők is. [További információ a konzol diagnosztikai ellenőrzésekor fellépő hibákról](https://developer.chrome.com/docs/lighthouse/best-practices/errors-in-console/).
A segítő technológiák (például a képernyőolvasók) nem működnek konzisztensen, ha az `aria-hidden="true"` be van állítva a dokumentum `<body>` elemében. [További információ arról, hogy milyen hatással van az `aria-hidden` a dokumentum törzsére](https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body).
A késleltetve betöltött, hajtás feletti képek az oldal életciklusában később jelennek meg, ami késleltetheti a legnagyobb vizuális tartalomválaszt. [További információ az optimális késleltetett betöltésről](https://web.dev/articles/lcp-lazy-loading).
A felismerhető, egyedi és fókuszálható linkszövegek (és linkként használt képek alternatív szövegei) jobb navigációs élményt biztosítanak a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a linkek hozzáférhetővé tételéről](https://dequeuniversity.com/rules/axe/4.10/link-name).
A felhasználók által tapasztalható, első interakciótól számított esetleges maximális válaszkésés a leghosszabb feladat időtartama. [További információ az Első interakciótól számított esetleges maximális válaszkésés mutatóról](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-max-potential-fid/).
Ha az oldal nem határoz meg `lang` attribútumot, a képernyőolvasók azt feltételezik majd, hogy az oldal nyelve megegyezik azzal az alapértelmezett nyelvvel, amelyet a felhasználó a képernyőolvasó beállításakor választott. Ha az oldal tényleges nyelve eltér az alapértelmezett nyelvtől, akkor előfordulhat, hogy a képernyőolvasók helytelenül olvassák majd fel az oldal szövegét. [További információ a `lang` attribútumról](https://dequeuniversity.com/rules/axe/4.10/html-has-lang).
Landmark elements (`<main>`, `<nav>`, etc.) are used to improve the keyboard navigation of the page for assistive technology. [Learn more about landmark elements](https://developer.chrome.com/docs/lighthouse/accessibility/use-landmarks/).
Ha a stílus-újraszámítási költségek magasak maradnak, a választó optimalizálása csökkentheti őket. [Optimalizálja azokat a választókat](https://developer.chrome.com/docs/devtools/performance/selector-stats), amelyek magas eltelt idővel és magas lassú útvonali százalékkal rendelkeznek. Az egyszerűbb választók, a kevesebb választó, a kisebb DOM és a sekélyebb DOM használata egyaránt csökkenti az egyezési költségeket.
A szabványos linkek a keresési eredményként megjelenítendő URL-re tesznek javaslatot. [További információ a szabványos linkekről](https://developer.chrome.com/docs/lighthouse/seo/canonical/).
Ha egy `progressbar` elem nem rendelkezik kisegítő névvel, a képernyőolvasók általános néven olvassák fel, ami használhatatlan a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a `progressbar` elemek címkézéséről](https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name).
Ha egy jelöléssel felosztott szövegcsomópont köré adja hozzá a(z) `role=text` attribútumot, akkor a VoiceOver képes lesz egyetlen kifejezésként kezelni, de az elem fókuszálható leszármazottai nem lesznek felolvasva. [További információ a(z) `role=text` attribútumról](https://dequeuniversity.com/rules/axe/4.10/aria-text).
Egy fő ARIA-pont pont megadása segít a képernyőolvasó-felhasználóknak a weboldalakon való navigálásban. [További információ az ARIA-pontokról](https://dequeuniversity.com/rules/axe/4.10/landmark-one-main).
A tartalom nélküli vagy nem hozzáférhető szöveggel rendelkező címsorok megakadályozzák, hogy a képernyőolvasót használók hozzáférjenek az oldal struktúrájára vonatkozó információkhoz. [További információ a címsorokról](https://dequeuniversity.com/rules/axe/4.10/empty-heading).
Rövid, beszédes alternatív szöveget használjon a tájékoztató elemekhez. A link vagy kép melletti szöveggel pontosan megegyező alternatív szöveg potenciálisan zavaró lehet a képernyőolvasó-használók számára, mivel kétszer lesz felolvasva a szöveg. [További információ a(z) `alt` attribútumról](https://dequeuniversity.com/rules/axe/4.10/image-redundant-alt).
A stíluslapok nem használt szabályainak eltávolításával és a hajtás feletti tartalomhoz nem használt CSS-ek késleltetésével csökkentheti a hálózati tevékenység által felhasznált bájtmennyiséget. [További információ a nem használt CSS csökkentéséről](https://developer.chrome.com/docs/lighthouse/performance/unused-css-rules/).
Az ismétlődő tartalmakat megkerülő módszerek megvalósításával a billentyűzetet használók hatékonyabban navigálhatnak az oldalon. [További információ a letiltások megkerüléséről](https://dequeuniversity.com/rules/axe/4.10/bypass).
Fontolja meg az érintési és görgetési eseményfigyelők megjelölését mint `passive`, hogy javuljon az oldal görgetést érintő teljesítménye. [További információ a passzív eseményfigyelők alkalmazásáról](https://developer.chrome.com/docs/lighthouse/best-practices/uses-passive-event-listeners/).
Egy `[aria-hidden="true"]` elemen belüli fókuszálható leszármazottak megakadályozzák azt, hogy a segítő technológiák (például a képernyőolvasók) felhasználói hozzáférhessenek az érintett interaktív elemekhez. [További információ arról, hogy az `aria-hidden` hogyan befolyásolja a fókuszálható elemeket](https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus).
Ha az LCP-elemet dinamikusan adja hozzá az oldalhoz, elő kell töltenie a képet az LCP javításához. [További információ az LCP-elemek előtöltéséről](https://web.dev/articles/optimize-lcp#optimize_when_the_resource_is_discovered).
Ha valamelyik beviteli mező nem rendelkezik kisegítő névvel, a képernyőolvasók általános néven olvassák fel, ami használhatatlan a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a beviteli mező címkéiről](https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name).
Ha nem megfelelő a definíciós listák jelölése, a képernyőolvasók zavaros vagy pontatlan szöveget generálhatnak. [További információ a definíciós listák helyes strukturálásáról](https://dequeuniversity.com/rules/axe/4.10/definition-list).
Az oldalon észlelt minden front-end JavaScript-függvénytár. [További információ a JavaScript-függvénytár észlelésével kapcsolatos diagnosztikai ellenőrzésről](https://developer.chrome.com/docs/lighthouse/best-practices/js-libraries/).
Ha érvényes, [BCP 47 által definiált nyelvet](https://www.w3.org/International/questions/qa-choosing-language-tags#question) használ, a képernyőolvasók könnyebben felolvassák a szövegeket. [További információ a `lang` attribútum használatáról](https://dequeuniversity.com/rules/axe/4.10/html-lang-valid).
Ha valamelyik elem nem rendelkezik kisegítő névvel, a képernyőolvasók általános néven olvassák fel, ami használhatatlan a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a parancselemek hozzáférhetőbbé tételéről](https://dequeuniversity.com/rules/axe/4.10/aria-command-name).
A keresőmotorok azokat az oldalakat nem tudják keresési eredményként megjeleníteni, amelyek feltérképezésére nincs engedélyük. [További információ a feltérképezési utasításokról](https://developer.chrome.com/docs/lighthouse/seo/is-crawlable/).
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. [Learn more about logical tab ordering](https://developer.chrome.com/docs/lighthouse/accessibility/logical-tab-order/).
A több címkével rendelkező űrlapmezőket félreérthetően olvashatják fel a segítő technológiák (például a képernyőolvasók), amelyek az első, az utolsó vagy pedig az összes címkét használják. [További információ az űrlapcímkék használatáról](https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels).
A hatékony címkék nélküli űrlapelemek frusztráló élményt nyújthatnak a képernyőolvasót használók számára. [További információ a(z) `select` elemről](https://dequeuniversity.com/rules/axe/4.10/select-name).
A felhasználók nem számítanak az oldal automatikus frissítésére, ráadásul a frissítés visszahelyezi a fókuszt az oldal tetejére. Ez frusztráló lehet, valamint összezavarhatja a felhasználót. [További információ a refresh metacímkéről](https://dequeuniversity.com/rules/axe/4.10/meta-refresh).
A hatékony Tartalombiztonsági irányelvek (CSP) jelentősen csökkentik a webhelyek közötti, parancsfájlt alkalmazó (XSS) támadások kockázatát. [További információ arról, hogy miként előzhető meg CSP használatával az XSS](https://developer.chrome.com/docs/lighthouse/best-practices/csp-xss/).
Gondoskodjon a teljes HTTP-forgalom HTTPS-re történő átirányításáról, hogy a biztonságos webes funkciók az összes felhasználó számára rendelkezésre álljanak. [További információ](https://developer.chrome.com/docs/lighthouse/pwa/redirects-http/).
Az ARIA-azonosító értékének egyedinek kell lennie, hogy a kisegítő technológiák ne hagyják figyelmen kívül a többi előfordulást. [További információ az ismétlődő ARIA-azonosítók kijavításáról](https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria).
DOM order matches the visual order, improving navigation for assistive technology. [Learn more about DOM and visual ordering](https://developer.chrome.com/docs/lighthouse/accessibility/visual-order-follows-dom/).
A harmadik felektől származó kódok jelentős hatással lehetnek a betöltés teljesítményére. Minél kevesebb harmadik féltől származó kódot használjon, és lehetőleg azután töltse be őket, hogy az oldal nagyrészt már betöltődött. [További információ a harmadik felek hatásának minimalizálásáról](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/).
Számos HTML-elemhez csak bizonyos ARIA-szerepkörök rendelhetők. Ha olyan helyen használja az ARIA-szerepköröket, ahol nem engedélyezettek, azzal akadályozhatja a weboldal kisegítő lehetőségeit. [További információ az ARIA-szerepkörökről](https://dequeuniversity.com/rules/axe/4.10/aria-allowed-role).
Aggregates all network requests and groups them by type
A képernyőolvasók olyan funkciókkal is rendelkeznek, amelyek megkönnyítik a táblázatokban való navigációt. Ha biztosítja, hogy a táblázatok a tényleges feliratelemet használják a(z) `[colspan]` attribútummal rendelkező cellák helyett, akkor javíthatja a képernyőolvasóra hagyatkozók felhasználói élményét. [További információk a feliratokról](https://dequeuniversity.com/rules/axe/4.10/table-fake-caption).
Vegye fontolóra `preconnect` vagy `dns-prefetch` erőforrástipp hozzáadását, hogy korai kapcsolatokat hozhasson létre harmadik felekhez tartozó fontos forrásokkal. [További információ arról, hogyan lehet előcsatlakozni a szükséges eredetekhez](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/)
Kérelmek blokkolják az oldal kezdeti megjelenítését, ami késleltetheti az LCP-t. [Elhalasztás vagy a beágyazás](https://web.dev/learn/performance/understanding-the-critical-path#render-blocking_resources/) segítségével ezeket a hálózati kérelmeket el lehet távolítani a kritikus útvonalról.
Az első vizuális tartalomválasz és az interaktivitásig eltelt idő közötti minden (50 ms-nál hosszabb feladatot jelentő) periódus időtartamának összege milliszekundumban kifejezve. [További információ a Teljes tiltási idő mutatóról](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-total-blocking-time/).
Collection of useful page vitals.
Ha felismerhető és jól olvasható szöveggel látja el a beviteli gombokat, azzal segíthet a képernyőolvasót használó felhasználóknak a beviteli gombok funkciójának megértésében. [További információ a beviteli gombokról](https://dequeuniversity.com/rules/axe/4.10/input-button-name).
Offscreen content is hidden with display: none or aria-hidden=true. [Learn how to properly hide offscreen content](https://developer.chrome.com/docs/lighthouse/accessibility/offscreen-content-hidden/).
Ha valamelyik kapcsolómező nem rendelkezik kisegítő névvel, a képernyőolvasók általános néven olvassák fel, ami használhatatlan a képernyőolvasóra hagyatkozó felhasználók számára. [További információ a mezők közötti váltásról](https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name).
Érdemes csökkenteni a JavaScript elemzésére, összeállítására és végrehajtására fordított időt. Ebben segíthet, ha kisebb méretű JavaScript-forrásokat továbbít. [További információ a JavaScript végrehajtási idejének csökkentéséről](https://developer.chrome.com/docs/lighthouse/performance/bootup-time/).
This is what the load of your site looked like.
Egyes külső forrásoktól származó beágyazásoknál késleltetett betöltés lehet észlelhető. Fontolja meg egy kompomenscsomagra való lecserélésüket, amíg nincs rájuk szükség. [További információ a harmadik felek késleltetéséről komponenscsomag segítségével](https://developer.chrome.com/docs/lighthouse/performance/third-party-facades/).
Adja meg a képelemek pontos szélességét és magasságát, hogy kevésbé csússzon el az elrendezés, és javuljon a CLS. [További információ a képméretek beállításáról](https://web.dev/articles/optimize-cls#images_without_dimensions).
Az interaktivitásig eltelt idő az az idő, amely ahhoz szükséges, hogy az oldal teljesen interaktívvá váljon. [További információ az Interaktivitásig eltelt idő mutatóról](https://developer.chrome.com/docs/lighthouse/performance/interactive/).
A segítő technológiák (például a képernyőolvasók) nem tudják értelmezni az érvénytelen értékkel rendelkező ARIA-attribútumokat. [További információ az ARIA-attribútumok érvényes értékeiről](https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value).
Bizonyos ARIA-szerepkörök kötelező attribútumokkal rendelkeznek, amelyek az elem állapotát írják le a képernyőolvasók számára. [További információ a szerepkörökről és a kötelező attribútumokról](https://dequeuniversity.com/rules/axe/4.10/aria-required-attr).
A képernyőolvasók nem tudják lefordítani a nem szövegalapú tartalmakat. Ha alternatív szöveget helyez el az `<object>` elemekben, a képernyőolvasók kommunikálhatják az elemek jelentését a felhasználóknak. [További információ az `object` elemekhez tartozó leíró szövegről](https://dequeuniversity.com/rules/axe/4.10/object-alt)
Bizonyos fölérendelt ARIA-szerepköröknek meghatározott alárendelt szerepköröket kell tartalmazniuk, hogy megfelelően teljesíthessék a kívánt kisegítő funkciójukat. [További információ a szerepkörökről és a kötelező alárendelt elemekről](https://dequeuniversity.com/rules/axe/4.10/aria-required-children).
Használjon olyan képeket, amelyek megfelelő méretükkel elősegítik a mobiladat-forgalom csökkentését és a betöltési idő javulását. [További információ a képek méretezéséről](https://developer.chrome.com/docs/lighthouse/performance/uses-responsive-images/).
Az azonos céllal rendelkező linkeknek ugyanazzal a leírással kell rendelkezniük, hogy a felhasználók tisztában lehessenek a linkek céljával, és így eldönthessék, hogy követik-e őket. [További információ az egyforma linkekről](https://dequeuniversity.com/rules/axe/4.10/identical-links-same-purpose).
If new content, such as a dialog, is added to the page, the user's focus is directed to it. [Learn how to direct focus to new content](https://developer.chrome.com/docs/lighthouse/accessibility/managed-focus/).
A Chrome egy új megoldáson dolgozik, amely lehetővé teszi a felhasználók számára, hogy harmadik féltől származó cookie-k nélkül böngésszenek. [További információ a harmadik féltől származó cookie-król](https://developers.google.com/privacy-sandbox/cookies).
A hreflang linkek azt mondják meg a keresőmotoroknak, hogy nyelvtől vagy régiótól függően az oldal melyik változatát kell megjeleníteniük a keresési találatokban. [További információ a következőről: `hreflang`](https://developer.chrome.com/docs/lighthouse/seo/hreflang/).
A leghosszabb fázissal kezdje a vizsgálatot. [A késések minimalizálhatók](https://web.dev/articles/optimize-inp#optimize_interactions). A feldolgozási idő csökkentése érdekében [optimalizálja a fő szál költségeit](https://web.dev/articles/optimize-long-tasks), gyakran a JS-t.
A JavaScript-fájlok kicsinyítésével csökkenthető a továbbított adatok mérete és a szkriptek elemzésére fordított idő. [További információ arról, hogy miként kicsinyíthető a JavaScript](https://developer.chrome.com/docs/lighthouse/performance/unminified-javascript/).
A doctype meghatározásával elkerülhető, hogy a böngésző visszafelé kompatibilis módra váltson. [További információ a doctype deklarálásáról](https://developer.chrome.com/docs/lighthouse/best-practices/doctype/).
Az első vizuális tartalomválasz azt az időpontot jelöli, amikor a rendszer megkezdi az első szöveg vagy kép megjelenítését. [További információ az Első vizuális tartalomválasz mutatóról](https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint/).
A kisegítő nevekkel nem rendelkező ARIA-párbeszédelemek megakadályozhatják, hogy a képernyőolvasót használók felismerjék ezeknek az elemeknek a célját. [További információ az ARIA-párbeszédelemek hozzáférhetőbbé tételéről](https://dequeuniversity.com/rules/axe/4.10/aria-dialog-name).
Érdemes a szerver válaszidejét lerövidíteni a fő dokumentum esetében, mert az összes további kérés függ tőle. [További információ az Első bájt betöltéséhez szükséges idő mutatóról](https://developer.chrome.com/docs/lighthouse/performance/time-to-first-byte/).
A Cross-Origin-Opener-Policy (COOP) segítségével elkülöníthető a legfelső szintű ablak más dokumentumoktól, például felugró ablakoktól. [További információ a COOP-fejléc bevezetéséről.](https://web.dev/articles/why-coop-coep#coop)
Az elavult API-k előbb-utóbb kikerülnek a böngészőből. [További információ az elavult API-król](https://developer.chrome.com/docs/lighthouse/best-practices/deprecations/).
A megfelelő méretű és térközű érinthető területek segíthetnek azoknak a felhasználóknak, akiknek nehézséget okozhat a kis vezérlők eltalálása a területek aktiválásához. [További információ az érinthető területekről](https://dequeuniversity.com/rules/axe/4.10/target-size).
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. [Learn more about custom controls and labels](https://developer.chrome.com/docs/lighthouse/accessibility/custom-controls-labels/).
A 0-nál nagyobb érték explicit navigációs sorrendet jelent. Ez ugyan technikailag érvényes, azonban gyakran problémát jelent a segítő technológiákra hagyatkozó felhasználók számára. [További információ a `tabindex` attribútumról](https://dequeuniversity.com/rules/axe/4.10/tabindex).
Rövid, beszédes alternatív szöveget használjon a tájékoztató elemekhez. A díszítőelemek figyelmen kívül hagyhatók üres alt attribútummal. [További információ az `alt` attribútumról](https://dequeuniversity.com/rules/axe/4.10/image-alt).
A forrástérképek lefordítják a kicsinyített kódot az eredeti forráskódra. Ez segít a fejlesztőknek az éles verzión végzett hibaelhárításban. A Lighthouse további statisztikákat is tud biztosítani. Fontolja meg a forrástérképek használatát, hogy kihasználhassa ezeket az előnyöket. [További információ a forrástérképekről](https://developer.chrome.com/docs/devtools/javascript/source-maps/).
Az alábbi kritikus kérésláncok megjelenítik, hogy milyen források töltődnek be magas prioritással. Az oldalbetöltés javítása érdekében fontolja meg a láncok hosszának csökkentését, a letöltött források méretének csökkentését vagy a felesleges források letöltésének késleltetését. [További információ a kritikus kérések láncba rendezésének elkerüléséről](https://developer.chrome.com/docs/lighthouse/performance/critical-request-chains/).
Az alacsony kontrasztú szöveg sokak számára nehezen vagy egyáltalán nem olvasható. [További információ a megfelelő színkontraszt megadásáról](https://dequeuniversity.com/rules/axe/4.10/color-contrast).
A listaelemeket (`<li>`) fölérendelt `<ul>`, `<ol>` vagy `<menu>` elemekben kell elhelyezni, hogy a képernyőolvasók megfelelően olvassák fel őket. [További információ a megfelelő listastruktúráról](https://dequeuniversity.com/rules/axe/4.10/listitem).
Az olyan képformátumok, mint a WebP és az AVIF gyakran jobb tömörítést biztosítanak, mint a PNG vagy a JPEG, ami gyorsabb letöltést és kisebb adatforgalmat jelent. [További információ a modern képformátumokról](https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images/).
A külső szkriptek `document.write()` segítségével történő dinamikus beillesztése több tíz másodperccel lassíthatja az oldalbetöltést a lassú kapcsolaton csatlakozó felhasználók esetében. [További információ a document.write() elkerüléséről](https://developer.chrome.com/docs/lighthouse/best-practices/no-document-write/).
A Chrome fejlesztői eszközök `Issues` panelén feltüntetett problémák megoldatlan problémákat jeleznek. A problémák okai lehetnek sikertelen hálózati kérések, nem megfelelő biztonsági vezérlők, valamint más, böngészővel kapcsolatos tényezők is. Nyissa meg a Chrome fejlesztői eszközök Issues (Problémák) panelét, ahol további információkat találhat az egyes problémákról.
Minden egyes ARIA `role` szerepkör `aria-*` attribútumok konkrét részhalmazát támogatja. A hibás párosításuk érvényteleníti az `aria-*` attribútumokat. [További információ az ARIA-attribútumok és szerepkörük megfeleltetéséről](https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr).
Az átirányítások további késlekedéssel hosszabbítják meg az oldalbetöltéshez szükséges időt. [További információ az oldalátirányítások elkerüléséről](https://developer.chrome.com/docs/lighthouse/performance/redirects/).
Az értesítésekre vonatkozó engedély váratlan kérése bizalmatlanságra adhat okot, valamint összezavarhatja a felhasználókat. Érdemes inkább felhasználói műveletekhez kötni a kérést. [További információ az értesítésekre vonatkozó engedély felelősségteljes kéréséről](https://developer.chrome.com/docs/lighthouse/best-practices/notification-on-start/).
A Sebességindex mutató azt jelzi, hogy az adott oldal tartalmai milyen gyorsan válnak láthatóvá. [További információ a Sebességindex mutatóról](https://developer.chrome.com/docs/lighthouse/performance/speed-index/).
Egyes ARIA-attribútumok csak bizonyos feltételek teljesülése esetén engedélyezettek egy elemen. [További információ a feltételes ARIA-attribútumokról](https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr).
A Legnagyobb vizuális tartalom betöltési ideje azt mutatja meg, hogy mennyi idő telik el a legnagyobb szöveg vagy kép megjelenítéséig. [További információ a Legnagyobb vizuális tartalom betöltési ideje mutatóról](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/).
Lists the toplevel main thread tasks that executed during page load.
A beviteli mezőkbe való beillesztés megakadályozása helytelen gyakorlat a felhasználói élmény (UX) szempontjából, és a jelszókezelők letiltása miatt gyengíti a biztonságot.[További információ a felhasználóbarát beviteli mezőkről](https://developer.chrome.com/docs/lighthouse/best-practices/paste-preventing-inputs/).
A képmegjelenítési méretek ideális esetben természetes képarányt alkalmaznak. [További információ a képméretarányról](https://developer.chrome.com/docs/lighthouse/best-practices/image-aspect-ratio/).
Bizonyos alárendelt ARIA-szerepköröket meghatározott fölérendelt szerepköröknek kell tartalmazniuk, hogy megfelelően teljesíthessék a kívánt kisegítő funkciójukat. [További információ az ARIA-szerepkörökről és a szükséges fölérendelt elemről](https://dequeuniversity.com/rules/axe/4.10/aria-required-parent).
