# Teljesítménytippek

> Hat lépés a gyors weboldalért: követelmények, csak a szükséges widgetek, extra opciók, az Asset Manager és a nem használt widgetek kikapcsolása.

A bővítmény sok widgetet és kiterjesztést ad, de ezek jó beállításával a webhely gyors maradhat.

## 1. Ellenőrizd a tárhely követelményeit

A tárhelynek teljesítenie kell a bővítmény minimumát: PHP 7.4, `max_execution_time` 300, `memory_limit` 512M (dinamikus WooCommerce-webhelynél 1024M), `max_input_vars` 300, MySQL 5.6 vagy MariaDB 10.0. A részleteket és az ellenőrzés módját a [Követelmények és Elementor Pro](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/elso-lepesek-kovetelmenyek/) fejezet írja le. Az értékeket az Elementor rendszerinformációs oldalán is látod. Ha alacsonyak, kérd a tárhelyszolgáltatót, hogy emelje meg őket.

## 2. Csak a szükséges widgeteket kapcsold be

A bővítmény több mint 120 widgetet tartalmaz, de egy webhelyen ritkán kell mind. Sok bekapcsolt widget lassítja az Elementor szerkesztőpanel betöltését, ezért érdemes előre eldönteni, melyekre lesz szükséged.

1. Nyisd meg a **The Plus Addons → Widgets** oldalt.
2. Kapcsold be az **Enable All**, majd ki a **Disable All** kapcsolót, hogy minden widget kikapcsoljon.
3. Kézzel kapcsold be csak azokat, amiket használni fogsz.

![A Widgets oldal](./kepek/widgetek.webp)

*A Widgets oldal* (https://minta-bolt.hu/wp-admin/admin.php?page=theplus_welcome_page)

## 3. Kapcsold ki a nem használt extra opciókat

A bővítmény sok külső szolgáltatással integrálódik (Google Maps, Mailchimp, LottieFiles és mások). Ami nem kell, azt kapcsold ki: kevesebb kérés megy a szerverre, és gyorsabb lesz a betöltés. A beállításokat a **The Plus Addons → Settings** oldalon találod.

Általános javaslatok:

- Ha nem használod az Icon Minds ikonkönyvtárat, és megmaradsz a Font Awesome 4 vagy 5 mellett, kapcsold ki.
- Ha nem használod a Google Map widgetet, állítsd a Google Map API-kulcsot **None** értékre.
- Ha nem használsz Lottie widgetet, kapcsold ki az összes Lottie opciót.
- Általában: ami nincs használatban, annak a kapcsolója legyen kikapcsolva, hogy csak a használt tartalom töltődjön be.

## 4. Állítsd be az Asset Managert

A **The Plus Addons → Performance** oldal **Asset Manager** szakaszában két módszer közül választhatsz.

![A Performance oldal](./kepek/teljesitmeny.webp)

*A Performance oldal* (https://minta-bolt.hu/wp-admin/admin.php?page=theplus_welcome_page)

**Smart Optimised (ajánlott).** Az első oldalbetöltéskor a widgetek CSS-fájljai külön töltődnek be. A másodiktól kezdve ezeket a bővítmény egyetlen, tömörített CSS-fájlba vonja össze. A JS egyetlen fájlban, oldalanként dinamikusan töltődik. Vagyis oldalanként egy CSS- és egy JS-fájl lesz, akárhány widgetet használsz. Ha az összevonás után megjelenési hibát látsz, a **Purge All Assets** gombbal ürítsd a gyorsítótárat, és a megerősítő ablakban kattints az **OK** gombra: ez az összes CSS- és JS-fájlt törli. A legtöbb webhelyen ez a javasolt mód.

**On Demand Assets.** CDN-gyorsítótár mellett ajánlott, ahol a fájlok több pull zone-ból is jöhetnek. Itt minden widget a saját CSS- és JS-fájlját tölti be, és minden oldalon használt sablonnak is saját fájlja van. Ha egy widgetet többször használsz egy oldalon, a fájljai csak egyszer töltődnek be (három Accordion widgetnél is egy CSS és egy JS).

## 5. Nem használt widgetek kikapcsolása egy kattintással

Ha elkészült a projekt, a ténylegesen nem használt widgeteket egyszerre kikapcsolhatod.

1. Nyisd meg a **The Plus Addons → Widgets** oldalt.
2. Kattints a **Scan unused** gombra.
3. A bővítmény felsorolja a nem használt widgeteket. A **Disable Unused Widgets** gombbal kapcsold ki mindet.

Az extra opciókat ez nem kapcsolja ki, azokat kézzel kell.

## 6. Az Elementor betöltőpanelének lefagyása

Ha az Elementor szerkesztő megnyitásakor a widgetpanel folyamatosan tölt, és nem engedi szerkeszteni az oldalt, a megoldás a [Hibaelhárítás](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/hibaelharitas-gyakori-hibak/) fejezetben van.

## Nexter-sablon teljesítményopciói

Ha a Nexter sablont használod, a **Megjelenés → Nexter Settings → Performance** oldalon a **Advance Performance** résznél a **Settings** gomb további optimalizálási lehetőségeket ad, például az emoji-szkript letiltását, az RSD-link és a wlwmanifest-link eltávolítását. Ezek felesleges kódot törölnek az oldalból, csökkentik a kérések számát, és gyorsítják a betöltést.