Teljesítmény
100%
Akadálymentesítés
100%
Optimalizálás
100%
SEO
100%
Képernyőfotók
SEO elemzés vexfox.com ajánlatkérés
Kérjen személyre szabott ajánlatot az igényeinek megfelelően
Kérések
Kérések száma: 18 db
Összes feladat száma: 399 db
Feladatok (>10ms): 4 db
Feladatok (>25ms): 1 db
Feladatok (>50ms): 1 db
Feladatok (>100ms): 0 db
Összes feladat betöltése: 0.2 mp
Szkriptek
Szkriptek: 3 db
https://vexfox.com/
Méret: 100 byte | Használaton kívül: 0 byte
https://vexfox.com/js/module-vexscript.js?v=3.590
Méret: 21 035 byte | Használaton kívül: 11 774 byte
https://vexfox.com/js/functions.js?v=3.590
Méret: 9 166 byte | Használaton kívül: 5 767 byte
https://vexfox.com/js/functions-mainpage.js?v=3.590
Méret: 975 byte | Használaton kívül: 851 byte
Első releváns leképezés
1,1 mp (1138 ms)
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/).
Hálózati forgalom
https://vexfox.com/
HTTP: H2 (200) | Type: text/html | 18.6 kb | 0.3 mp
https://vexfox.com/font/fontello.ttf?v=3.590
HTTP: H2 (200) | Type: font/ttf | 18.3 kb | 0.3 mp
https://vexfox.com/font/Poppins.ttf?v=3.590
HTTP: H2 (200) | Type: font/ttf | 70.3 kb | 0.2 mp
https://vexfox.com/js/module-vexscript.js?v=3.590
HTTP: H2 (200) | Type: application/x-javascript | 5.4 kb | 0.3 mp
https://vexfox.com/js/functions.js?v=3.590
HTTP: H2 (200) | Type: application/x-javascript | 2.5 kb | 0.1 mp
https://vexfox.com/images/logo.png
HTTP: H2 (200) | Type: image/webp | 10.6 kb | 0.3 mp
https://vexfox.com/images/placeholder-250x488.jpg
HTTP: H2 (200) | Type: image/jpg | 0.8 kb | 0.3 mp
https://vexfox.com/images/placeholder-400x400.jpg
HTTP: H2 (200) | Type: image/jpg | 0.8 kb | 0.1 mp
https://vexfox.com/images/placeholder-115x115.jpg
HTTP: H2 (200) | Type: image/jpg | 0.7 kb | 0.1 mp
https://vexfox.com/images/placeholder-89x33.jpg
HTTP: H2 (200) | Type: image/jpg | 0.7 kb | 0.2 mp
https://vexfox.com/images/wawes.svg
HTTP: H2 (200) | Type: image/webp | 9.6 kb | 0.2 mp
https://vexfox.com/images/video-bg.jpg
HTTP: H2 (200) | Type: image/webp | 65.0 kb | 0.1 mp
https://vexfox.com/font/Poppins.ttf
HTTP: H2 (200) | Type: font/ttf | 70.3 kb | 0.2 mp
https://vexfox.com/font/fontello.ttf?2993678
HTTP: H2 (200) | Type: font/ttf | 18.3 kb | 0.2 mp
https://vexfox.com/js/functions-mainpage.js?v=3.590
HTTP: H2 (200) | Type: application/x-javascript | 0.9 kb | 0.0 mp
https://vexfox.com/js/module-fancyload.js?v=3.590
HTTP: H2 (200) | Type: application/x-javascript | 1.0 kb | 0.0 mp
https://vexfox.com/js/module-collapse.js?v=3.590
HTTP: H2 (200) | Type: application/x-javascript | 0.8 kb | 0.0 mp
https://vexfox.com/images/iphone-screen.png
HTTP: H2 (200) | Type: image/webp | 15.9 kb | 0.1 mp
URL
https://vexfox.com
Hossz: 18 karakter
Az URL kulcsszavai megfelelően vannak elválasztva!
Az URL használja a biztonságos https protokollt!
Remek! Az URL-ben nem találhatóak dinamikus paraméterek!
Az URL végig kisbetűs!
Az URL hosszúsága kisebb mint 3 karakter!
Domain rekordok
vexfox.com - TXT
vexfox.com - TXT
vexfox.com - A
HTML Fejlécek
expires => Thu, 19 Nov 1981 08:52:00 GMT
cache-control => no-store, no-cache, must-revalidate
pragma => no-cache
set-cookie => __Secure-CSRF=772ff04e503a121e14db0e65abcd9586; expires=Mon, 12 Aug 2024 15:03:54 GMT; Max-Age=3600; path=/; domain=vexfox.com; secure; HttpOnly
vary => Accept-Encoding
content-type => text/html; charset=utf-8
date => Mon, 12 Aug 2024 14:03:54 GMT
server => Apache
http => 2
url => https://vexfox.com
A HTTP2 be van kapcsolva!
description => Egyedi forráskódú weboldalak és webshopok professzionális megoldásokkal, melyek megfelelnek a Google ajánlásainak. Gyors, biztonságos és szabványos weboldalak.
viewport => width=device-width, initial-scale=1.0
google-site-verification => r0zJz6JdX4N_bWFBCzUJXNNt5v7-s6N2px4OhkhDr_w
rating => general
revisit-after => 1 Day
author => VexFox Studio
robots => all
generator => VEXFOX 3.590
dc.title => VexFox Studio | Professzionális weboldalak
dc.description => Egyedi forráskódú weboldalak és webshopok professzionális megoldásokkal, melyek megfelelnek a Google ajánlásainak. Gyors, biztonságos és szabványos weboldalak.
dc.image => https://vexfox.com/uploads/nodepic/1/1/1/1.jpg
dc.type => website
dc.language => hu
dc.publisher => VexFox Studio
twitter:card => summary
twitter:site => @vexfox studio
twitter:title => VexFox Studio | Professzionális weboldalak
twitter:description => Egyedi forráskódú weboldalak és webshopok professzionális megoldásokkal, melyek megfelelnek a Google ajánlásainak. Gyors, biztonságos és szabványos weboldalak.
twitter:image => https://vexfox.com/uploads/nodepic/1/1/1/1.jpg
twitter:image:width => 1200
twitter:image:height => 627
geo.region => HU
geo.placename => Budapest
msapplication-tilecolor => #ff4e01
theme-color => #ff4e01
title => VexFox Studio | Professzionális weboldalak
Remek! A meta leírás hosszúsága 50 és 160 karakter között van!
Fejlécek (H1 - H6)
<h1>Egyedi forráskódú villámgyors weboldal készítés Budapesten</h1>
<h2>Egyebek</h2>
<h3>Mi az AMP?</h3>
Lehetséges kulcsszavak
weboldal
w3c
vexfox
studio
amely
google
adatok
felhasználói
amp
web
szerver
pagespeed
strukturált
amelyek
számára
sütik
keretrendszer
vps
seo
sütiket
egyedi
weboldalak
jobb
abban
fájl
webhely
való
süti
által
hosting
Linkek
https://schema.org/Question
https://schema.org/Answer
https://vexfox.com
http://schema.org
https://linkedin.com/company/vexfox-studio
https://en.vexfox.com
https://validator.w3.org
https://weboldal.hu
http://schema.org/ItemList
https://schema.org/FAQPage
https://search.google.com/search-console/about
https://pagespeed.web.dev
https://search.google.com/test/amp
https://validator.schema.org
https://search.google.com/test/rich-results
https://websiteseochecker.com/domain-authority-checker
https://codepen.io/vexfox
https://vexfox.com/images/logo.png
Elvégzett SEO auditok
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/).
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).
Aggregates all network requests and groups them by type
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/).
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 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/).
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/).
É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 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/).
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.9/accesskeys).
Deprecated ARIA roles may not be processed correctly by assistive technology. [Learn more about deprecated ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-deprecated-role).
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/).
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/).
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.9/video-caption).
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/).
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.
Az ARIA `role` elemek lehetővé teszik a segítő technológiák számára, hogy megismerjék a weboldalon található egyes elemek szerepét. Ha a(z) `role` értékeket hibásan írja be, nem létező ARIA `role` értékeket vagy absztrakt szerepköröket használ, akkor a rendszer nem közli az elem célját a segítő technológiák felhasználóival. [További információ az ARIA-szerepkörökről](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).
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.9/dlitem).
Collects all available metrics.
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.9/duplicate-id-aria).
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/).
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.9/definition-list).
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.9/identical-links-same-purpose).
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.9/frame-title).
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/).
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 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/).
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/).
The last screenshot captured of the pageload.
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/).
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/).
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 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 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.9/aria-valid-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/).
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/).
É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/).
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.9/aria-hidden-focus).
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 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.9/target-size).
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.9/html-xml-lang-mismatch).
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/).
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.9/aria-required-parent).
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.9/select-name).
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/).
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.9/heading-order).
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.9/aria-allowed-attr).
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.9/aria-text).
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/).
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.9/color-contrast).
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/).
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 é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 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/).
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.9/bypass).
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/).
Lists the network requests that were made during page load.
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.9/aria-required-children).
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).
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/).
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 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/).
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 harmadik féltől származó cookie-k támogatását megszüntetjük a Chrome egyik későbbi verziójában. [További információ a harmadik féltől származó cookie-k kivezetéséről](https://developer.chrome.com/en/docs/privacy-sandbox/third-party-cookie-phase-out/).
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.9/landmark-one-main).
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 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.9/link-name).
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/)
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.9/table-duplicate-name).
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/).
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.
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.9/label-content-name-mismatch).
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/).
Some ARIA attributes are only allowed on an element under certain conditions. [Learn more about conditional ARIA attributes](https://dequeuniversity.com/rules/axe/4.9/aria-conditional-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.9/object-alt)
This is what the load of your site looked like.
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.9/listitem).
Make sure that you redirect all HTTP traffic to HTTPS in order to enable secure web features for all your users. [Learn more](https://developer.chrome.com/docs/lighthouse/pwa/redirects-http/).
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 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.9/aria-progressbar-name).
É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/).
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/).
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.9/html-has-lang).
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/).
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.9/aria-dialog-name).
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/).
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).
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.9/table-fake-caption).
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.9/link-in-text-block).
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.9/image-redundant-alt).
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.9/aria-roles).
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.9/tabindex).
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/).
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/).
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.9/aria-meter-name).
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.9/document-title).
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.9/aria-hidden-body).
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).
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).
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 `<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/).
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/).
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.9/aria-required-attr).
Collection of useful page vitals.
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 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).
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/).
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/).
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.9/aria-command-name).
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/).
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/long-tasks-devtools).
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 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 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.9/empty-heading).
Using ARIA attributes in roles where they are prohibited can mean that important information is not communicated to users of assistive technologies. [Learn more about prohibited ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-prohibited-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/).
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.9/valid-lang).
Lists the toplevel main thread tasks that executed during page load.
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.9/image-alt).
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 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.9/aria-valid-attr-value).
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/).
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 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/).
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.9/aria-treeitem-name).
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 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.9/list).
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.9/label).
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/).
É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/).
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/).
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/).
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.9/aria-toggle-field-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/).
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.9/html-lang-valid).
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.9/th-has-data-cells).
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.9/skip-link).
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/).
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/).
