Optimalisere komponenter (minimere) for bedre ytelse

Du kan forbedre ytelsen for komponenter og redusere nedlastingsstørrelser ved å minimere JavaScript-koden med Developer Cloud Service.

Optimaliser komponenter

Et eksempel på optimalisering av komponentkildekoden (valgfritt) er tilgjengelig for komponenten Sample-Text-With-Image. Du kan bruke optimalisatoren RequireJS til å minimere og kombinere kildekode. Når du minimerer en komponent, fjernes uønsket plassbruk i JavaScript-koden, og dette gir til bedre ytelse og redusert nedlastingsstørrelse. Optimalisering omfatter følgende handlinger:

  • Minimere JavaScript

  • Komprimere CSS.

  • Kombinere JavaScript, HTML og CSS i én enkelt fil, render.js.

Denne optimaliseringen reduserer nedlastingsstørrelsen og forbedrer ytelsen.

Aktivere optimalisering for komponenten

I komponenten Sample-Text-With-Image vil optimalisering minimere og kombinere alle filene merket som avhengigheter i render.js (template.html, data-defaults.js og design.css) i render.js, som én enkelt fil. Andre komponenter som allerede støtter optimalisering, følger: 

  • Sample-Folder-List

  • Sample-File-List

  • Sample-Documents-Manager

  • Sample-Process-Start-Form

  • Sample-Process-Task-List

  • Sample-Process-Task-Details

Når du skal aktivere optimalisering for den lokale komponenten, gjør du følgende (obligatorisk):

  1. Kopier gulpfile.js fra komponenten Sample-Text-With-Image til komponenten din.

  2. Korriger modulnavnene i gulpfile.js for dine avhengigheter for render.js. Se kommentarene i gulpfile.js.

Merknad:

Hvis du har en eksisterende komponent med en css-mappe under assets, endrer du navnet på css-mappen til styles for å unngå feil under optimaliseringen.