Componenten optimaliseren (minimaliseren) voor betere prestaties

Verhoog de prestaties van uw componenten en verklein downloadgrootten door de JavaScript-code te minimaliseren met Developer Cloud Service.

Uw componenten optimaliseren

Een voorbeeld van optimalisatie van componentbroncode (optioneel) is beschikbaar voor de component Sample-Text-With-Image. U kunt het RequireJS-optimalisatieprogramma gebruiken om broncode te minimaliseren en te combineren. Bij minimalisatie van een component wordt ongewenste ruimte uit de JavaScript-code verwijderd, wat leidt tot betere prestaties en gereduceerde downloadgrootte. Bij optimalisatie worden de volgende acties uitgevoerd:

  • De JavaScript-code minimaliseren

  • Het CSS-bestand comprimeren

  • Het JavaScript-, HTML- en CSS-bestand combineren tot één bestand: render.js

Door deze optimalisatie wordt de downloadgrootte verkleind en worden de prestaties verbeterd.

Optimalisatie activeren voor uw component

In de component Sample-Text-With-Image worden na optimalisatie alle bestanden die in render.js als afhankelijkheden zijn gemarkeerd (template.html, data-defaults.js en design.css), geminimaliseerd en gecombineerd tot één enkel bestand: render.js. Andere componenten waarin optimalisatie al wordt ondersteund, zijn:

  • Sample-Folder-List

  • Sample-File-List

  • Sample-Documents-Manager

  • Sample-Process-Start-Form

  • Sample-Process-Task-List

  • Sample-Process-Task-Details

Voer de volgende (verplichte) stappen uit als u optimalisatie voor uw lokale component wilt activeren:

  1. Kopieer gulpfile.jsuit de component Sample-Text-With-Image naar uw component.

  2. Corrigeer de modulenamen in gulpfile.js voor de afhankelijkheden in render.js. Raadpleeg de toelichting in gulpfile.js.

Opmerking:

Als u al een bestaande component hebt met een map css onder assets, wijzigt u de naam van de map css in styles om fouten tijdens optimalisatie te voorkomen.