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.