# A lassú webhely gyorsítása

> Sebességteszt, tárhely, képek, külső szkriptek és betűtípusok, bővítmények, sablon és gyorsítótár: mit ellenőrizz, ha lassú az Elementoros webhelyed.

Az Elementor kódja a szigorú szabványok szerint készült, de egyes webhelyek beállításai miatt az oldal mégis lassan töltődik be. Ez a fejezet végigvezet a leggyakoribb okokon.

## Sebességteszt

A lassúság okának megtalálásához:

1. Mérd meg a webhelyed sebességét egy oldalsebesség-elemzővel, például a Google PageSpeed Insights vagy a GTmetrix szolgáltatással.
2. Kapcsold ki az összes bővítményt az Elementoron és az Elementor Prón kívül, és nézd meg, javul-e a sebesség.
3. Válts a **Hello** sablonra.
4. Készíts egy oldalt a **Canvas** oldalsablonnal, és azt is teszteld.
5. Futtass újra sebességtesztet, és hasonlítsd össze az eredményeket.

## Tárhely

Három tényező befolyásolja a legjobban a sebességet:

- **Memóriakorlát és tárhely:** töröld a felesleges fájlokat (használaton kívüli sablonokat, bővítményeket, régi mentéseket, naplófájlokat), vagy válts nagyobb tárhelyű csomagra.
- **Sávszélesség:** ha kevés, kérj nagyobb csomagot a tárhelyszolgáltatótól.
- **A kiszolgáló távolsága a látogatótól:** használj tartalomszolgáltató hálózatot (CDN), vagy olyan tárhelyszolgáltatót válassz, amelynek világszerte vannak kiszolgálói.

Az ingyenes vagy megosztott tárhely gyakran okoz lassúságot.

## Képek és videók

A képek lassítják a webhelyet, különösen ha olyan helyen vannak, amely minden oldalon betöltődik, például a fejlécben vagy a láblécben. Tippek:

- Ne tölts fel nagyméretű képeket, és tartsd 1 MB alatt a képek méretét.
- Használj WEBP formátumú képeket.
- Ha sok kép van egy oldalon, használj lusta betöltést ([Lusta betöltés](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-lusta-betoltes/)).
- Használj képoptimalizáló eszközt, például az Elementor Image Optimizer bővítményét.
- A videókhoz használj CDN-t vagy külső hivatkozást. A **Videó** widgettel külső forrásból (például YouTube vagy Vimeo) tölthetsz be videót a WordPress médiatár helyett.

Az Elementor blokkolja a privát videókat, és nem támogatja a YouTube Shorts videókat.

## Külső szkriptek

A külső szkriptek (például Google Térkép, a Facebook megosztásszámláló vagy az avatarképek) jelentősen lassítják az oldal betöltését.

## Külső betűtípusok és ikonok

A gyermeksablon `functions.php` fájljába írt kóddal kikapcsolhatod a Google Fonts, a Font Awesome és az Eicons betöltését.

**Google Fonts:**

```php
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );
```

**Font Awesome:**

```php
add_action( 'elementor/frontend/after_register_styles', function() {
    foreach ( [ 'solid', 'regular', 'brands' ] as $style ) {
        wp_deregister_style( 'elementor-icons-fa-' . $style );
    }
}, 20 );
```

Alapból a Font Awesome ikonok csak azokon az oldalakon töltődnek be, ahol használod őket, és csak a használt ikonkészlet CSS-e és betűkészlete. Csak akkor kapcsold ki, ha egyáltalán nem használsz Font Awesome ikont: kikapcsolás után egyik oldalon sem jelennek meg.

**Eicons:**

```php
add_action( 'wp_enqueue_scripts', 'disable_eicons', 11 );
function disable_eicons() {
    wp_dequeue_style( 'elementor-icons' );
    wp_deregister_style( 'elementor-icons' );
}
```

## Bővítmények

A bővítmények lassítják a WordPresst. Amelyiket nem használod, töröld.

## Sablonok

A jól megírt sablon kisebb fájlokat használ. Ha váltogatsz a sablonok között, látod, hogy az okozza-e a lassúságot. Ha egy harmadik féltől származó sablon a hibás, fordulj a készítőjének támogatásához. A **Hello** sablon használata ajánlott. Ha saját kódot írnál a sablonba, az Elementor fejlesztői dokumentációja segít.

## Gyorsítási lépések

1. Használj gyorsítótár-bővítményt, például a WP Rocketet vagy az Autoptimize-t.
2. Használj CDN-szolgáltatást, például a Cloudflare-t.
3. Kérdezd meg a tárhelyszolgáltatót, mi okozhat lassúságot a kiszolgáló oldalán.
4. Válts szerkesztőbetöltési módszert az **Elementor → Beállítások** oldalon (lásd [Elementor beállítások](https://hub.hellowp.io/hu/plugins/elementor/globalis-beallitasok-elementor-beallitasok/)).
5. Csökkentsd a képek méretét.
6. Nézd meg a kiszolgálók ping-idejét, és elemezd az egyes elemek betöltési idejét, hogy kiderüljön, mi lassít.

Az Elementor saját funkcióiról lásd: [Teljesítményt javító funkciók](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-funkciok/), [Javított erőforrás-betöltés](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-eroforras-betoltes/) és [Gyorsabb oldal konténerekkel](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-kontenerek-es-dom/).