Optimalizácia komponentov (minifikácia) pre lepší výkon

Zlepšite výkon svojich komponentov a znížte veľkosť sťahovania minifikáciou kódu JavaScript pomocou služby Developer Cloud Service.

Optimalizácia komponentov

Príklad optimalizácie zdrojového kódu komponentu (voliteľný) je poskytnutý pre komponent Sample-Text-With-Image. Na minifikáciu a kombinovanie zdrojového kódu môžete použiť optimalizátor RequireJS. Minifikácia komponentu odstráni nežiaduce miesto v kóde JavaScript, čo povedie k lepšiemu výkonu a zníženiu veľkosti sťahovania. Optimalizácia zahŕňa nasledujúce akcie:

  • minifikácia kódu JavaScript,

  • kompresia súboru CSS,

  • kombinácia súborov JavaScript, HTML a CSS do jedného súboru render.js.

Táto optimalizácia zníži veľkosť sťahovania a zlepší výkon.

Aktivácia optimalizácie komponentu

Optimalizácia v komponente Sample-Text-With-Image minifikuje a skombinuje všetky súbory, ktoré sú v súbore render.js (template.html, data-defaults.js a design.css) označené ako závislosti, do jedného súboru render.js. Ďalšie komponenty, ktoré už podporujú optimalizáciu:

  • Sample-Folder-List

  • Sample-File-List

  • Sample-Documents-Manager

  • Sample-Process-Start-Form

  • Sample-Process-Task-List

  • Sample-Process-Task-Details

Ak chcete aktivovať optimalizáciu lokálneho komponentu, postupujte nasledovne (povinné):

  1. Skopírujte súbor gulpfile.js z komponentu Sample-Text-With-Image do svojho komponentu.

  2. Opravte názvy modulov v súbore gulpfile.js pre závislosti súboru render.js. Prečítajte si komentáre v súbore gulpfile.js.

Poznámka:

Ak máte existujúci komponent s priečinkom css v priečinku assets, premenujte priečinok css na styles, čím sa vyhnete chybám počas optimalizácie.