# Divi gyorsítótár- és teljesítményhibák

> A Divi sablon gyorsítótára és szkriptoptimalizálása miatti űrlaphibák felismerése és megoldása.

A Divi sablon saját gyorsítótárazást és szkriptoptimalizálást tartalmaz, amely megzavarhatja a Gravity Forms űrlapjait.

## Tünetek

- Az űrlap a Divi Builderben helyesnek látszik, az éles oldalon viszont stílus nélkül vagy részben stílusozva jelenik meg.
- Az űrlap stílusa közvetlenül egy Gravity Forms-frissítés után romlott el, és a visszalépés a régi verzióra megoldani látszik.
- A feltételes logika, a többoldalas lapozás vagy az AJAX-os beküldés nem csinál semmit, hibaüzenet nélkül.
- A mezők láthatatlanok vagy összecsukottak, amíg az oldal méretét nem változtatod, vagy nem görgetsz.
- Az űrlapstílus vagy az egyedi CSS módosításai soha nem érnek el a nyilvános oldalig, akárhányszor ürítesz gyorsítótárat.
- A Gravity Forms modul dizájnbeállításaiban megadott stílus nem látszik az éles oldalon, vagy az űrlap visszaáll az alapmegjelenésre.
- Az űrlap rendben működik, ha rendszergazdaként be vagy jelentkezve, kijelentkezve viszont nem.

## Mi okozza

### Statikus CSS-gyorsítótár

Az oldal stílusait (a Gravity Forms modulban megadottakat is) a `/wp-content/et-cache/` alatti fájlba fordítja, és ezt szolgálja ki ahelyett, hogy minden kérésnél előállítaná a CSS-t. Minden oldal saját, az oldal azonosítójával megegyező számú almappát kap. Ha a fájl az űrlap stílusának módosítása előtt készült, az elavult másolat marad érvényben. A Divi 5-ben ez mindig be van kapcsolva, a **Clear CSS Cache** gombbal ürítheted.

Hol találod: **Divi › Theme Options**, a fejlécsávban, bármelyik lapról látszik.

### Critical CSS

A hajtás alatti stílusokat késlelteti. Egy hosszú oldal alján lévő űrlap stílus nélkül vagy elrejtett mezőkkel jelenhet meg, amíg a késleltetett stílusok meg nem érkeznek.

Hol találod: **Divi › Theme Options › General › Performance**.

### Defer jQuery and jQuery Migrate

A jQuery-t az oldal törzsébe teszi. A Gravity Forms szkriptjei elvárják, hogy a jQuery elérhető legyen, amikor futnak, ezért a halasztás elronthatja a feltételes logikát, a többoldalas űrlapokat és az AJAX-os űrlapokat.

Hol találod: **Divi › Theme Options › General › Performance**.

### Defer Additional Third-Party Scripts

Halasztja a más bővítmények által regisztrált szkripteket, köztük a Gravity Formsét is. A Divi saját leírása is figyelmeztet, hogy ez JavaScript-hibákat okozhat.

Hol találod: **Divi › Theme Options › General › Performance**.

### Dynamic Module Framework

Csak azokat az erőforrásokat tölti be, amelyekre a Divi szerint az oldalnak szüksége van. Ha az űrlapot shortcode-dal, Code modullal vagy más bővítmény kimenetén át ágyaztad be, nem a Gravity Forms modullal, az észlelés elkerülheti.

Hol találod: **Divi › Theme Options › General › Performance**.

### Output Styles Inline

A Divi stílusait az oldalba nyomtatja ahelyett, hogy külön fájlként töltené be. Ilyenkor a stílusokat az oldal elé tett bármely oldalgyorsítótár a HTML részeként tárolja, nem pedig stíluslapként, amelyet a böngésző magától újraellenőrizhet.

Hol találod: **Divi › Theme Options › Builder › Advanced**.

### Hogyan van beágyazva az űrlap

A Divi másként kezeli a két beágyazási módot, és ez dönti el, hogy a fenti beállítások közül melyek érinthetik az űrlapot.

- **Gravity Forms modul (Divi 5.11-től):** natívan jeleníti meg az űrlapot, és saját stílust állít elő a mezőknek. A Divi a modulok egyikeként ismeri fel, de az általa előállított stílus az oldal többi CSS-ével együtt kerül a gyorsítótárba.
- **Shortcode, Code modul, blokk vagy widget:** elhelyezi az űrlapot az oldalon, de a Divi nem ismeri fel modulként. Az észlelt modulok alapján erőforrást betöltő funkciók teljesen elkerülhetik.

## A hiba megerősítése

1. Nyisd meg az oldalt a Divi Builderben, és nézd meg, hogy az űrlap a Gravity Forms modullal van-e elhelyezve, vagy Code modulban, illetve shortcode-dal.
2. Nyisd meg az éles oldalt, kattints jobb gombbal, és válaszd az **Oldal forrásának megtekintése** menüpontot.
3. Keresd a `/wp-content/et-cache/` szöveget. Ha egy stíluslap erről a mappáról töltődik be, a Divi statikus CSS-t szolgál ki az oldalhoz. Az útvonalban lévő szám az oldal azonosítója, így ellenőrizheted, hogy a megfelelő oldal gyorsítótárazott fájlját nézed.

## A hiba elhárítása

Ezek a beállítások a Divi 5-től érhetők el. Régebbi verziónál a Divi saját dokumentációját nézd.

1. Nyisd meg a **Divi › Theme Options** oldalt, és kattints a fejlécsáv **Clear CSS Cache** gombjára. A Divi a következő oldalbetöltéskor újraépíti a fájlokat.
2. Ürítsd a webhely összes többi gyorsítótárát is: gyorsítótár-bővítmények, a tárhely gyorsítótára és a CDN. Utána frissítsd az oldalt erőltetett újratöltéssel.
3. Ha a gond megmarad, menj vissza a **Divi › Theme Options › General › Performance** oldalra, és egyesével kapcsold ki az alábbiakat, minden után újra tesztelve az űrlapot: Defer jQuery And jQuery Migrate, Defer Additional Third-Party Scripts, Critical CSS, majd Dynamic Module Framework.
4. Ha kiderült, melyik beállítás a hibás, a többit hagyd bekapcsolva. Ha a Defer jQuery And jQuery Migrate az ok, és be akarod hagyni, mielőtt végleg kikapcsolnád, győződj meg róla, hogy az **Enqueue jQuery Compatibility Script** is be van kapcsolva.

Az általános leírást lásd a [gyorsítótár és szkriptoptimalizáló fejezetében](https://hub.hellowp.io/hu/plugins/gravityforms/hogyan-gyorsitotar-es-szkript-optimalizalo/).

A külső sablont és bővítményeket csak javaslatként említjük: nem teszteljük és nem támogatjuk őket, ezért a megfelelőségükről neked kell meggyőződnöd.