GTmetrix - Weboldal sebességteszt
GTmetrix használata weboldalak teljesítményének mérésére és optimalizálására - Core Web Vitals és Lighthouse metrikák.
This content is not available in your language yet.
A GTmetrix egy ingyenes eszköz weboldalak teljesítményének tesztelésére és monitorozására. Google Lighthouse alapú mérésekkel segít azonosítani a lassulás okait és javaslatokat ad az optimalizálásra.
Mit mér a GTmetrix?
Szekció neve “Mit mér a GTmetrix?”Core Web Vitals
Szekció neve “Core Web Vitals”| Metrika | Mit mér | Jó érték |
|---|---|---|
| LCP (Largest Contentful Paint) | Legnagyobb elem betöltési ideje | < 2.5s |
| TBT (Total Blocking Time) | JavaScript blokkolási idő | < 200ms |
| CLS (Cumulative Layout Shift) | Vizuális stabilitás | < 0.1 |
További metrikák
Szekció neve “További metrikák”- Performance Score - Összesített teljesítmény pontszám (0-100)
- Structure Score - Oldal struktúra minősége
- Fully Loaded Time - Teljes betöltési idő
- Page Size - Oldal mérete
- Requests - HTTP kérések száma
Jó pontszámok
Szekció neve “Jó pontszámok”| Metrika | Jó | Közepes | Gyenge |
|---|---|---|---|
| Performance | 90+ | 50-89 | < 50 |
| Structure | 90+ | 50-89 | < 50 |
| LCP | < 2.5s | 2.5-4s | > 4s |
| Fully Loaded | < 3s | 3-6s | > 6s |
Árazás
Szekció neve “Árazás”Ingyenes csomag
Szekció neve “Ingyenes csomag”- Heti 30 teszt
- Korlátozott helyszínek
- Alapvető funkciók
PRO csomagok
Szekció neve “PRO csomagok”| Csomag | Ár | Funkciók |
|---|---|---|
| Solo | $4.25/hó | Több teszt, helyszín |
| Starter | $10.50/hó | Monitorozás, alertek |
| Growth | $21/hó | Több oldal, API |
| Business | $72.50/hó+ | Csapat funkciók |
Használat
Szekció neve “Használat”Teszt futtatása
Szekció neve “Teszt futtatása”- Látogass el: gtmetrix.com
- Add meg a weboldal URL-jét
- Kattints a Test your site gombra
- Várd meg az eredményt (15-60 másodperc)
Beállítások (regisztráció után)
Szekció neve “Beállítások (regisztráció után)”- Test Location - Tesztelési helyszín kiválasztása
- Browser - Chrome Desktop vagy Mobile
- Connection Speed - Sávszélesség szimuláció
- Adblock - Hirdetések blokkolása
Tesztelési helyszínek
Szekció neve “Tesztelési helyszínek”65+ szerver 22 különböző lokációban:
- Európa (London, Frankfurt, Amsterdam)
- Észak-Amerika (USA városok, Kanada)
- Ázsia (Szingapúr, Tokió, Sydney)
Eredmények értelmezése
Szekció neve “Eredmények értelmezése”Summary
Szekció neve “Summary”Az összefoglaló oldalon láthatod:
- Grade - A-F betűjegy
- Web Vitals - Főbb metrikák
- Összehasonlítás - Korábbi tesztekkel
Performance
Szekció neve “Performance”Részletes Lighthouse audit:
- Opportunities (Lehetőségek) - Mi lassít?
- Diagnostics (Diagnosztika) - Részletes elemzés
- Passed Audits (Sikeres) - Mi van rendben?
Structure
Szekció neve “Structure”Az oldal struktúra elemzése:
- Képoptimalizálás
- CSS/JS minifikálás
- Cache beállítások
- Tömörítés
Waterfall
Szekció neve “Waterfall”A Waterfall diagram megmutatja:
- Minden erőforrás betöltési sorrendjét
- Kérések időzítését
- Blokkoló erőforrásokat
- Átirányításokat
Video
Szekció neve “Video”Videó felvétel az oldal betöltéséről:
- Frame-by-frame visszajátszás
- Betöltési folyamat vizualizáció
- Problémák azonosítása
Monitorozás (PRO)
Szekció neve “Monitorozás (PRO)”Ütemezett tesztek
Szekció neve “Ütemezett tesztek”Automatikus tesztelés beállítása:
- Óránként, naponta, hetente
- Email értesítések teljesítménycsökkenéskor
- Historical data - Trendek követése
Alertek
Szekció neve “Alertek”Értesítés küldése, ha:
- Performance score csökken
- LCP túllépi a küszöböt
- Oldal nem elérhető
WordPress optimalizálás GTmetrix alapján
Szekció neve “WordPress optimalizálás GTmetrix alapján”Gyakori problémák és megoldások
Szekció neve “Gyakori problémák és megoldások”1. Render-blocking resources
Szekció neve “1. Render-blocking resources”Probléma: CSS/JS blokkolja a rendereléstMegoldás:
- Kritikus CSS inline-ba
- JS defer/async attribútum
- Használj cache plugint (WP Rocket, LiteSpeed Cache)
2. Large images
Szekció neve “2. Large images”Probléma: Túl nagy képfájlokMegoldás:
- WebP formátum használata
- Lazy loading engedélyezése
- HelloIMG képoptimalizálás
3. Excessive DOM size
Szekció neve “3. Excessive DOM size”Probléma: Túl sok DOM elemMegoldás:
- Page builder elemek csökkentése
- Egyszerűbb layout használata
- Felesleges widgetek eltávolítása
4. Server response time
Szekció neve “4. Server response time”Probléma: Lassú TTFBMegoldás:
- Jobb hosting szolgáltató
- Object cache (Redis, Memcached)
- CDN használata
API használat (PRO)
Szekció neve “API használat (PRO)”# Teszt indítása API-n keresztülcurl -X POST "https://gtmetrix.com/api/2.0/tests" \ -H "Authorization: Basic YOUR_API_KEY" \ -d "url=https://example.com"Alternatívák
Szekció neve “Alternatívák”| Eszköz | Előny |
|---|---|
| PageSpeed Insights | Google hivatalos eszköze |
| WebPageTest | Részletesebb waterfall |
| Lighthouse | Chrome DevTools beépített |
| Pingdom | Egyszerűbb felület |