Összetevők optimalizálása (minimális méretűre csökkentése) a teljesítmény javítása érdekében

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:

  1. Másolja a gulpfile.js fájlt a Sample-Text-With-Image összetevőből a saját összetevőjébe.

  2. 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 az assets 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.