Verbessern Sie die Performance Ihrer Komponenten, und reduzieren Sie die Downloadgröße, indem Sie den JavaScript-Code mit Developer Cloud Service minifizieren.
Komponenten optimieren
Für die Komponente Sample-Text-With-Image
wird ein Beispiel für die Optimierung des Komponentenquellcodes (optional) bereitgestellt. Sie können Quellcode mit dem RequireJS-Optimizer minifizieren und kombinieren. Beim Minifizieren einer Komponente wird unerwünschter Leerraum im JavaScript-Code entfernt, sodass die Performance verbessert und die Downloadgröße reduziert wird. Bei der Optimierung führen Sie die folgenden Aktionen aus:
Minifizieren Sie den JavaScript-Code.
Komprimieren Sie das CSS.
Kombinieren Sie JavaScript, HTML und CSS in einer einzelnen Datei: render.js
.
Durch diese Optimierung wird die Downloadgröße reduziert und die Performance verbessert.
Optimierung für Komponenten aktivieren
In der Komponente Sample-Text-With-Image
werden alle Dateien, die in render.js
als Abhängigkeiten markiert sind (template.html
, data-defaults.js
und design.css
) minifiziert und als einzelne Datei in render.js
kombiniert. Weitere Komponenten, die die Optimierung bereits unterstützen:
Sample-Folder-List
Sample-File-List
Sample-Documents-Manager
Sample-Process-Start-Form
Sample-Process-Task-List
Sample-Process-Task-Details
Um die Optimierung für Ihre lokale Komponente zu aktivieren, führen Sie die folgenden Schritte aus (erforderlich):
Kopieren Sie gulpfile.js
aus der Komponente Sample-Text-With-Image
in Ihre Komponente.
Korrigieren Sie die Modulnamen in gulpfile.js
für Ihre render.js
-Abhängigkeiten. Weitere Informationen erhalten Sie in den Kommentaren in gulpfile.js
.
Hinweis:
Wenn bereits eine Komponente mit einemcss
-Ordner unter assets
vorhanden ist, benennen Sie den css
-Ordner in styles
um, um Fehler bei der Optimierung zu vermeiden.