Javíthatja összetevőinek teljesítményét és csökkentheti a letöltési méreteket a JavaScript kód lehető legkisebb méretűre tömörítésével a Developer Cloud Service szolgáltatásban.
Összetevők optimalizálása
Az összetevő forráskódjának (választható) optimalizálási példája a Sample-Text-With-Image összetevőre vonatkozik. A RequireJS optimalizálót használhatja a forráskód tömörítésére és egyesítésére. Az összetevő lehető legkisebbre csökkentése eltávolítja a felesleges területet a JavaScript kódból, így javul a teljesítmény és csökken a letöltési méret. Az optimalizálás a következő műveleteket tartalmazza:
A JavaScript minimális méretűre állítása.
A CSS tömörítése.
A JavaScript, HTML és a CSS egyesítése egyetlen fájlba, ez a render.js.
Ez az optimalizálás csökkenti a letöltési fájlméretet, és javítja a teljesítményt.
Az optimalizálás engedélyezése saját összetevőnél
A Sample-Text-With-Image összetevőben az optimalizálás minimális méretűre csökkenti a render.js fájlban függőségként jelölt összes fájlt (template.html, data-defaults.js és design.css), és ezeket egyetlen fájlként a render.js fájlban egyesíti. Az optimalizálást már támogató további összetevők a következők:
Sample-Folder-List
Sample-File-List
Sample-Documents-Manager
Sample-Process-Start-Form
Sample-Process-Task-List
Sample-Process-Task-Details
Helyi összetevőjénél az optimalizálás engedélyezéséhez hajtsa végre a következő (kötelező) lépéseket:
Másolja a gulpfile.js fájlt a Sample-Text-With-Image összetevőből a saját összetevőjébe.
A gulpfile.js fájlban módosítsa a modulneveket a saját render.js függőségeknek megfelelően. Erről lásd a gulpfile.js fájlban lévő megjegyzéseket.
Megjegyzés:
Ha meglévő összetevőjében azassets alatt css mappával rendelkezik, az optimalizálás során előforduló hibaüzenetek elkerüléséhez a css mappát nevezze át a styles névre.