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é):
Skopírujte súbor gulpfile.js
z komponentu Sample-Text-With-Image
do svojho komponentu.
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činkomcss
v priečinku assets
, premenujte priečinok css
na styles
, čím sa vyhnete chybám počas optimalizácie.