WP Rocket kompatibilitás

A WP Rocket gyorsítótár-bővítmény, amely kódolás nélkül gyorsítja az oldal betöltését. A Slider Revolution és a WP Rocket együtt használható, de előfordulhat, hogy a modul nem jelenik meg az oldalon. Ennek oka, hogy a WP Rocket néhány funkciója a JavaScript-fájlokat az oldal betöltéséig visszatartja. A modulok viszont dinamikusak, és a modulbetöltés kezeléséhez korán szükségük van a JavaScript-fájlokra. Ha a WP Rocket késlelteti őket, a modul nem a várt módon jelenik meg. A bővítmény fájljai kicsinyítettek, ezért korai betöltésük sem lassítja az oldalt.

A megoldás: a Slider Revolution JavaScript-fájljait ki kell zárni a WP Rocket két funkciójából, a Load JavaScript Deferred (JavaScript halasztott betöltése) és a Delay JavaScript Execution (JavaScript-végrehajtás késleltetése) funkcióból.

Kizárás a halasztott betöltésből

A Load JavaScript Deferred arra kéri a böngészőt, hogy a HTML-tartalom (a statikus szövegek) betöltése után töltse be a JavaScript-fájlokat, minden fájlt, még a kicsinyítetteket is. A modulok animációkat, képeket, videókat és speciális effekteket kezelnek, ezért nekik előbb kell a JavaScript.

1. Nyisd meg a WordPress vezérlőpultját.
2. A bal oldali sávban a Beállítások alatt nyisd meg a WP Rocketet.
3. Kattints a File Optimization fülre.
4. Keresd meg a JavaScript Files szakaszt.
5. Jelöld be a Load JavaScript Deferred jelölőnégyzetet.
6. Az Excluded JavaScript Files mezőbe írd be a következő két sort:

/jquery-?[0-9.]*(.min|.slim|.slim.min)?.js
/wp-includes/js/jquery/jquery-migrate.min.js

7. Kattints a Save Changes gombra.

Kizárás a késleltetett végrehajtásból

A Delay JavaScript Execution minden JavaScript-fájlt visszatart, amíg a látogató nem lép interakcióba az oldallal. Ha például egy modul az oldal közepén van, a JavaScript-fájljai csak akkor töltődnek be, amikor a látogató az egérgörgővel odagörget. Ez a modul képeinek vagy videóinak betöltődését is megakadályozhatja, mert a tartalom kezeléséhez JavaScript kell.

1. Nyisd meg a WordPress vezérlőpultját.
2. A bal oldali sávban a Beállítások alatt nyisd meg a WP Rocketet.
3. Kattints a File Optimization fülre.
4. Keresd meg a JavaScript Files szakaszt.
5. Jelöld be a Delay JavaScript Execution jelölőnégyzetet.
6. A Delay JavaScript Execution alatti szövegmezőbe írd be a következő sorokat:

/jquery-?[0-9.]*(.min|.slim|.slim.min)?.js
/wp-includes/js/jquery/jquery-migrate.min.js
/plugins/revslider/public/assets/js/
setREVStartSize
rev_slider_
revslider_

7. Kattints a Save Changes gombra.