GTmetrix - Weboldal sebességteszt
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.
Miért használd?
- Lighthouse alapú - Google-szabványos mérések
- Core Web Vitals - LCP, TBT, CLS metrikák
- Részletes elemzés - Waterfall, video playback
- Ingyenes verzió - Heti 30 teszt díjmentesen
Mit mér a GTmetrix?
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
- 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
| 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
Ingyenes csomag
- Heti 30 teszt
- Korlátozott helyszínek
- Alapvető funkciók
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 |
Éves előfizetés
15% kedvezmény éves számlázással.
Használat
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)
- 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
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
Summary
Az összefoglaló oldalon láthatod:
- Grade - A-F betűjegy
- Web Vitals - Főbb metrikák
- Összehasonlítás - Korábbi tesztekkel
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
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
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
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)
Ü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
É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
Gyakori problémák és megoldások
1. Render-blocking resources
Probléma: CSS/JS blokkolja a renderelést
Megoldás:
- Kritikus CSS inline-ba
- JS defer/async attribútum
- Használj cache plugint (WP Rocket, LiteSpeed Cache)
2. Large images
Probléma: Túl nagy képfájlok
Megoldás:
- WebP formátum használata
- Lazy loading engedélyezése
- HelloIMG képoptimalizálás
3. Excessive DOM size
Probléma: Túl sok DOM elem
Megoldás:
- Page builder elemek csökkentése
- Egyszerűbb layout használata
- Felesleges widgetek eltávolítása
4. Server response time
Probléma: Lassú TTFB
Megoldás:
- Jobb hosting szolgáltató
- Object cache (Redis, Memcached)
- CDN használata
API használat (PRO)
# Teszt indítása API-n keresztül
curl -X POST "https://gtmetrix.com/api/2.0/tests" \
-H "Authorization: Basic YOUR_API_KEY" \
-d "url=https://example.com"
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 |