Optimere komponenter (minificere) for at opnå en bedre ydeevne

Du kan forbedre dine komponenters ydeevne og reducere downloadstørrelser ved at minificere JavaScript-koden med Developer Cloud Service.

Optimere dine komponenter

Der er angivet et eksempel på optimering af komponentkildekoden (valgfrit) for komponenten Sample-Text-With-Image. Du kan bruge RequireJS-optimeringen til at minificere og kombinere kildekode. Minificering af en komponent fjerner uønsket plads i JavaScript-koden, hvilket resulterer i en bedre ydeevne og en reduceret downloadstørrelse. Optimering involverer følgende handlinger:

  • Minificer JavaScript.

  • Komprimer CSS-filen.

  • Kombiner JavaScript- og HTML-koden samt CSS-filen i en enkelt fil, render.js.

Denne optimering reducerer downloadstørrelsen og forbedrer ydeevnen.

Aktivere optimering for din komponent

I komponenten Sample-Text-With-Image minificerer og kombinerer optimeringen alle de filer, som er markeret som afhængigheder i render.js (template.html, data-defaults.js og design.css), i render.js som en enkelt fil. Nedenfor ses andre komponenter, der allerede understøtter optimering: 

  • Sample-Folder-List

  • Sample-File-List

  • Sample-Documents-Manager

  • Sample-Process-Start-Form

  • Sample-Process-Task-List

  • Sample-Process-Task-Details

Du kan aktivere optimering for din lokale komponent ved at udføre følgende trin (påkrævet):

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

  2. Ret modulnavnene i gulpfile.js for dine render.js-afhængigheder. Se kommentarerne i gulpfile.js.

Bemærk:

Hvis du har en eksisterende komponent med mappen css under assets, skal du omdøbe mappen css til styles for at undgå fejl under optimering.