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

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.

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.