Optimalizace (minifikace) komponent pro dosažení lepšího výkonu

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.jsdesign.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é):

  1. Zkopírujte soubor gulpfile.js z komponenty Sample-Text-With-Image do své komponenty.

  2. 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žkou css vnořenou do složky assets, přejmenujte složku css na styles, aby nedošlo k chybám během optimalizace.