Można poprawić wydajność składników oraz zmniejszyć rozmiar pobierania, optymalizując kod JavaScript za pomocą usługi Developer Cloud Service.
Optymalizowanie składników
Przykład opcjonalnej optymalizacji kodu źródłowego składnika jest przedstawiony dla składnika Sample-Text-With-Image. Używając optymalizatora RequireJS, można pomniejszyć i połączyć kod źródłowy. Pomniejszanie składnika polega na usunięciu zbędnych odstępów w kodzie JavaScript, wskutek czego poprawia się wydajność i zmniejsza rozmiar pobierania. Na optymalizację składają się następujące czynności:
Pomniejszenie kodu JavaScript.
Skompresowanie kodu CSS.
Połączenie kodu JavaScript, HTML i CSS w jeden plik render.js.
Wskutek tej optymalizacji ulega zmniejszeniu rozmiar pobierania oraz poprawia się wydajność.
Włączanie optymalizacji składnika
Optymalizacja składnika Sample-Text-With-Image pomniejszy i połączy wszystkie pliki oznaczone w pliku render.js jako zależności (template.html, data-defaults.js, and design.css) w jeden plik render.js. Poniżej są wymienione pozostałe składniki obsługujące optymalizację:
Sample-Folder-List
Sample-File-List
Sample-Documents-Manager
Sample-Process-Start-Form
Sample-Process-Task-List
Sample-Process-Task-Details
Aby włączyć optymalizację dla swojego składnika lokalnego, należy wykonać następujące czynności (wymagane):
Skopiować do swojego składnika plik gulpfile.js ze składnika Sample-Text-With-Image.
Poprawić nazwy modułów w pliku gulpfile.js zgodnie z zależnościami ze swojego pliku render.js. Należy przy tym korzystać z komentarzy z pliku gulpfile.js.
Uwaga:
Mając istniejący składnik z folderemcss zawartym w folderze assets, należy — aby uniknąć błędów podczas optymalizowania — zmienić nazwę folderu css na styles.