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.