Ha rendelkezünk olyan Joomla! oldallal, amelyre nagyszámú bővítmény lett telepítve, továbbá a sablonunk is viszonylag sok szolgáltatást tud nyújtani, akkor avval a gyakori problémával találhatjuk szembe magunkat, hogy túl sok a betöltésre kerültő JavaScript fájl.
Egyáltalán nem szokatlan, hogy a különböző sablonok és bővítmények betöltik a saját JS könyvtárukat, vagy két különböző változatát ugyanannak a könyvtárnak.
Ennek a problémának a hatása, hogy egyes sablonok és kiterjesztések nem működnek megfelelően.
Az egyik megoldás a jQuery Easy beépülőmodul, azonban megoldhatjuk a problémát a Nonumber által fejlesztett ReReplacer bővítmény segítségével is.
Mind két megoldás lehetővé teszi a JavaScript duplikációk problémájának javítását anélkül, hogy módosítanunk kellene bármilyen kódot.
Telepítés és használat
Töltsük le, majd telepítsük fel a bővítményt a fejlesztő oldaláról.
Szükségtelen jQuery fájlok keresése
Az oldalunk forráskódjában találhatjuk meg a duplikált jQuery-ket. A forráskód meghívásához használhatjuk a Ctrl+U billentyűkombinációt vagy a jobb klikk -> Oldal forrásának megtekintése funkciót.
Az alábbi képen egy jQuery kód duplikációra láthatunk példát.
Megjegyzés: Érdemes kikísérletezni, hogy melyik fájl eltávolítása a célravezetőbb, ezért eltávolítás előtt alaposan vizsgáljuk meg a lecserélendő sorokat.
Csere létrehozása
Hozzunk létre egy új cserét a Komponensek -> NoNumber ReReplacer -> New menüpont alatt.
A következő képernyőn, adjuk hozzá a kódot, majd cseréljük le az alábbi kép alapján:
1. Ide kell beszúrnunk azt a HTML-kódot, ami tartalmazza a duplikált jQuery fájlt.
2. Hagyjuk üresen ezt a mezőt.
A Search Areas fülben található Enable area funkciót állítsuk Everywhere típusúra.
Az eredmény
Frissítsük a weboldalunkat, majd ellenőrizzük újra a forráskódunkat. Itt látni fogjuk, hogy az általunk használt bővítmény egy üres sorra cserélte le az előzőleg duplikáltan betöltött jQuery fájlt megjelenítő sort.
Forrás: OSTraning
