# Teljesítményt javító funkciók

> Az Elementor oldalsebességet javító funkcióinak áttekintése: hol találod őket, és mit csinálnak.

A gyorsabb oldal segít, hogy a látogatók megtalálják a webhelyedet, és ott is maradjanak. Az Elementor több funkcióval csökkenti a kódot és optimalizálja a DOM-ot. Ezek két helyen vannak: az **Elementor → Beállítások** oldal **Teljesítmény** és **Funkciók** füle alatt.

Mielőtt bármit átállítasz egy éles webhelyen, érdemes szakértővel egyeztetni, és előbb tesztoldalon kipróbálni.

## A Teljesítmény fül

A következő beállításokat a legördülő listában a **Bekapcsolás** értékkel kapcsolhatod be:

![A Teljesítmény fül beállításai](./kepek/teljesitmeny-beallitasok-teljesitmeny-ful.webp)

*A Teljesítmény fül beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=elementor-settings)

| Beállítás | Mit csinál |
|---|---|
| **Optimalizált képbetöltés** | A legnagyobb, elsőként megjelenő (LCP) képre `fetchpriority="high"`, a hajtás alatti képekre `loading="lazy"` attribútumot tesz. Részletek: [Optimalizált képbetöltés](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-kepbetoltes/). |
| **Optimalizált Gutenberg-betöltés** | Eltávolítja a nem használt Gutenberg-blokkszerkesztő szkripteket és stílusokat. Részletek: [Optimalizált Gutenberg-betöltés](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-gutenberg-betoltes/). |
| **Háttérképek késleltetett betöltése** | Az első kivételével az összes háttérképet lustán tölti be, így gyorsabb az oldal. Részletek: [Lusta betöltés](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-lusta-betoltes/). |

Ugyanezen a fülön található még a **CSS előállításának módja**, a **Google Fonts helyi betöltése** és az **Elem-gyorsítótár** ([Elem-gyorsítótár](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-elem-gyorsitotar/)).

## A Funkciók fül

A **Funkciók** fülön (**Elementor → Beállítások → Funkciók**) a teljesítményhez kapcsolódó, **Teljesítmény** címkével jelölt funkciók közül ezek érdekesek:

- **Soron belüli betűkészlet-ikonok:** az ikonokat inline SVG-ként jeleníti meg, ezért nem töltődik be a Font Awesome és az eicons könyvtár, a hozzájuk tartozó CSS-fájlok és betűkészletek sem.
- **További egyéni töréspontok:** az alapértelmezett asztali nézeten túl akár 6 egyéni töréspontot adhatsz meg: mobil, mobil extra, tablet, tablet extra, laptop és széles képernyő. Lásd: [Reszponzív szerkesztés](https://hub.hellowp.io/hu/plugins/elementor/reszponziv-szerkesztes-eszkozokre/).
- **Optimalizált CSS-fájlok:** kísérlet (alfa), amely oldalgyorsítótárazást vagy CDN-t használó webhelyeken a külső CSS-fájlokat elérhetőnek és egységesnek tartja.

![A Funkciók fül: a kísérletek és a stabil funkciók listája](./kepek/globalis-beallitasok-funkciok-ful.webp)

*A Funkciók fül: a kísérletek és a stabil funkciók listája* (https://minta-bolt.hu/wp-admin/admin.php?page=elementor-settings)

A funkciók be- és kikapcsolásáról a [Funkciók](https://hub.hellowp.io/hu/plugins/elementor/globalis-beallitasok-funkciok/) fejezet szól.

## Kapcsolódó fejezetek

- [Gyorsabb oldal konténerekkel](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-kontenerek-es-dom/)
- [Javított erőforrás-betöltés](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-eroforras-betoltes/)
- [A lassú webhely gyorsítása](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-lassu-oldal-gyorsitasa/)