Vylepšete výkon svých komponent a zmenšete velikost stahovaných souborů minifikací kódu v jazyku JavaScript pomocí služby Developer Cloud Service.
Optimalizace komponent
Uvedený příklad optimalizace zdrojového kódu komponenty (nepovinné) se týká komponenty Sample-Text-With-Image
. K minifikaci a kombinování zdrojového kódu můžete použít optimalizační modul RequireJS. Minifikace komponenty spočívá v odstranění nežádoucích a zbytečných částí kódu v jazyku JavaScript a umožňuje zvýšit výkon a zmenšit velikost stahovaných souborů. Optimalizace zahrnuje následující akce:
Minifikace kódu v jazyku JavaScript.
Komprimace šablon stylů CSS.
Zkombinování kódu v jazyku JavaScript, kódu HTML a CSS do jediného souboru (render.js
).
Tato optimalizace zmenšuje velikost stahovaných souborů a zvyšuje výkon.
Povolení optimalizace pro vlastní komponentu
V komponentě Sample-Text-With-Image
bude optimalizace minifikovat a kombinovat všechny soubory, které jsou označeny jako závislosti v souboru render.js
(template.html
, data-defaults.js
a design.css
), do jediného souboru, kterým je render.js
. Následují další komponenty, které již optimalizaci podporují:
Sample-Folder-List
Sample-File-List
Sample-Documents-Manager
Sample-Process-Start-Form
Sample-Process-Task-List
Sample-Process-Task-Details
Chcete-li povolit optimalizaci pro místní komponentu, proveďte následující kroky (povinné):
Zkopírujte soubor gulpfile.js
z komponenty Sample-Text-With-Image
do své komponenty.
Opravte názvy modulů v souboru gulpfile.js
pro závislosti v souboru render.js
. Přečtěte si komentáře v souboru gulpfile.js
.
Poznámka:
Pokud máte existující komponentu se složkoucss
vnořenou do složky assets
, přejmenujte složku css
na styles
, aby nedošlo k chybám během optimalizace.