{"id":2879,"date":"2016-10-18T16:18:03","date_gmt":"2016-10-18T16:18:03","guid":{"rendered":"https:\/\/structr.com\/automatische-ressourcenreduzierung-mit-structr\/"},"modified":"2025-03-24T13:46:03","modified_gmt":"2025-03-24T13:46:03","slug":"automatische-ressourcenreduzierung-mit-structr","status":"publish","type":"post","link":"https:\/\/structr.com\/de\/blog\/automatische-ressourcenreduzierung-mit-structr\/","title":{"rendered":"Automatische Ressourcenreduzierung mit Structr"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Structr hat gerade eine weitere n\u00fctzliche, manche w\u00fcrden sagen unverzichtbare, Webentwicklungsfunktion erhalten: <strong>Minifizierung<\/strong>.<\/p>\n<p>Wenn Sie die Ressourcen f\u00fcr Ihre Web-Applikation minifizieren wollen, um die Performance zu optimieren, m\u00fcssen Sie dies nicht mehr manuell tun. Structr unterst\u00fctzt die Minifizierung von CSS- und JavaScript-Ressourcen. Hierf\u00fcr k\u00f6nnen Sie Dateien vom Typ MinifiedCssFile bzw. MinifiedJavaScriptFile anlegen. Im Eigenschaftsdialog dieser Dateien k\u00f6nnen weitere Dateien ausgew\u00e4hlt werden, die in die minifizierte Datei aufgenommen werden sollen.[\/vc_column_text][vc_single_image image=&#8220;2880&#8243; img_size=&#8220;large&#8220;][vc_column_text]Sollte sich eine der Minifizierungsressourcen \u00e4ndern, werden alle Minifizierungsziele automatisch aktualisiert, um die \u00c4nderungen widerzuspiegeln. Das Gleiche gilt f\u00fcr die spezifischen Einstellungen f\u00fcr jeden Typ, wobei eine \u00c4nderung des Werts <code>lineBreak<\/code> die Minifizierung von <code>MinifiedCssFile<\/code> und eine \u00c4nderung von <code>optimizationLevel<\/code> die Minifizierung von <code>MinifiedJavaScriptFile<\/code> ausl\u00f6st. Ein Minifizierungsziel wird auch aktualisiert, wenn eine Datei entfernt oder hinzugef\u00fcgt oder die Reihenfolge der Dateien ge\u00e4ndert wird.  <\/p>\n<p>Durch die Integration dieser neuen Funktion nimmt Structr den Nutzern eine weitere Sorge ab. Sie k\u00f6nnen das Mining-Asset einfach in die Produktionsseiten einbinden und m\u00fcssen sich nicht mehr um die Aktualisierung ihrer Mining-Assets k\u00fcmmern oder gar Structr verlassen. <\/p>\n<h3 id=\"javascript-verkleinerung\">JavaScript-Verkleinerung<\/h3>\n<p>F\u00fcr JavaScript ist in Structr der <a href=\"https:\/\/developers.google.com\/closure\/compiler\/\" target=\"_blank\" rel=\"noopener\">Google Closure Compiler<\/a> integriert. Derzeit unterst\u00fctzt Structr nur die Konfiguration der <a href=\"https:\/\/developers.google.com\/closure\/compiler\/docs\/compilation_levels\" target=\"_blank\" rel=\"noopener\">Optimierungsstufe<\/a>. Die unterst\u00fctzten Werte sind <code>WHITESPACE_ONLY<\/code>, <code>SIMPLE_OPTIMIZATIONS<\/code> und <code>ADVANCED_OPTIMIZATIONS<\/code>.  <\/p>\n<p>Aus der Dokumentation des Closure-Compilers:<\/p>\n<pre><code>The WHITESPACE_ONLY compilation level removes comments from your code and also removes line breaks, unnecessary spaces, extraneous punctuation (such as parentheses and semicolons), and other whitespace. The output JavaScript is functionally identical to the source JavaScript.\r\n\r\nThe SIMPLE_OPTIMIZATIONS compilation level [...] also performs optimizations within expressions and functions, including renaming local variables and function parameters to shorter names.\r\n\r\nThe ADVANCED_OPTIMIZATIONS compilation level [...] adds a variety of more aggressive global transformations to achieve the highest compression of all three levels. The ADVANCED_OPTIMIZATIONS level compresses JavaScript well beyond what is possible with other tools.\r\n<\/code><\/pre>\n<p>Der Eigenschaftsdialog erm\u00f6glicht es dem Benutzer, Dateien zu der verkleinerten Datei hinzuzuf\u00fcgen\/zu entfernen, die Optimierungsstufe auszuw\u00e4hlen und zeigt auch die Warnungen und Fehler an, die w\u00e4hrend der Verkleinerung aufgetreten sind. Au\u00dferdem kann der Benutzer einen manuellen Minifizierungslauf ausl\u00f6sen.[\/vc_column_text][vc_single_image image=&#8220;2882&#8243; img_size=&#8220;large&#8220;][vc_column_text]<\/p>\n<h3 id=\"css-minimierung\">CSS-Minimierung<\/h3>\n<p>F\u00fcr CSS wird <a href=\"http:\/\/yui.github.io\/yuicompressor\/css.html\" target=\"_blank\" rel=\"noopener\">YUICompressor<\/a> verwendet. Structr unterst\u00fctzt die <a href=\"https:\/\/github.com\/yui\/yuicompressor\/blob\/master\/README.md#global-options\" target=\"_blank\" rel=\"noopener\">lineBreak-Konfigurationsoption<\/a>, die verwendet werden kann, um eine Regel f\u00fcr die maximale Zeilenl\u00e4nge zu erzwingen, da einige Versionskontrollwerkzeuge keine sehr langen Zeilen m\u00f6gen. <\/p>\n<p>Der Dialog verh\u00e4lt sich genauso wie bei den JavaScript-Dateien. \u00c4nderungen an den Einstellungen l\u00f6sen die Minifizierung der Quelldateien aus und der Benutzer kann die Dateiliste hinzuf\u00fcgen\/bearbeiten.[\/vc_column_text][vc_single_image image=&#8220;2881&#8243; img_size=&#8220;large&#8220;][vc_column_text]<\/p>\n<h3 id=\"rueckmeldung\">R\u00fcckmeldung<\/h3>\n<p>Haben Sie Kommentare, R\u00fcckmeldungen oder Verbesserungen, die Sie gerne in diesem Feature sehen w\u00fcrden? Gibt es Optionen oder Konfigurationsschalter f\u00fcr Closure Compiler, die Structr einfach unterst\u00fctzen muss? Lass es uns in den Kommentaren unten wissen oder er\u00f6ffne einen Feature Request im <a href=\"http:\/\/www.github.com\/structr\/structr\/issues\" target=\"_blank\" rel=\"noopener\">structr Repository<\/a> auf GitHub[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text]Structr hat gerade eine weitere n\u00fctzliche, manche w\u00fcrden sagen unverzichtbare, Webentwicklungsfunktion erhalten: Minifizierung. Wenn Sie die Ressourcen f\u00fcr Ihre Web-Applikation \u2026<\/p>\n","protected":false},"author":1,"featured_media":2880,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[604],"tags":[549,552,607,593,608,594,550,583,605,548,545,606,611,557,551,610,609],"class_list":["post-2879","post","type-post","status-publish","format-standard","hentry","category-uncategorized-de","tag-automatisierung","tag-backend-de","tag-css-de","tag-devops-de","tag-googleclosurecompiler-de","tag-javascript-de","tag-kodierung","tag-leistung","tag-optimierung","tag-software-entwicklung","tag-structr-de","tag-verkleinerung","tag-vermogensverwaltung","tag-vorderseite","tag-web-entwicklung","tag-webperformance-de","tag-yuicompressor-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/posts\/2879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/comments?post=2879"}],"version-history":[{"count":9,"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/posts\/2879\/revisions"}],"predecessor-version":[{"id":2906,"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/posts\/2879\/revisions\/2906"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/media\/2880"}],"wp:attachment":[{"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/media?parent=2879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/categories?post=2879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/structr.com\/de\/wp-json\/wp\/v2\/tags?post=2879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}