Tovább a tartalomhoz

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

Szekció neve “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 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

Szekció neve “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.
https://minta-bolt.hu/wp-admin/admin.php?page=theplus_welcome_page
A Widgets oldal

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

Szekció neve “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.

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

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

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

Szekció neve “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

Szekció neve “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 fejezetben van.

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.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások