Sylvis Blog logo

Artikelauswahl

Frontend-Login über ein verstecktes Modul ganz einfach per .htaccess umleitenFrontend-Login über ein verstecktes Modul ganz einfach... In diesem Beitrag habe ich bereits beschrieben, wie ich ein verstecktes Anmelde-Modul angelegt habe, damit ich mich ins Frontend meiner Webseite einloggen kann. Leider gibt...

Mehr

Wenn TinyMCE nach Joomla-Update nicht mehr funktioniertWenn TinyMCE nach Joomla-Update nicht mehr funktioniert Nach dem Update auf Joomla 1.7.3 hatte ich massive Probleme auf meiner Testseite mit dem TinyMCE-Editor. Das Plugin war zwar noch vorhanden und Einstellungen konnten auch...

Mehr

Social Media-Buttons: statische Links per Popup öffnenSocial Media-Buttons: statische Links per Popup öffnen Vor einiger Zeit entschied ich mich, meine Social Media-Buttons nach Tanjas Lösung statisch in meinen Blogs einzubinden. Eine kleine Ergänzung, wie auch Posttags des jeweiligen...

Mehr

Permalink-Struktur ändern und Beiträge ohne 404-Fehler ausgebenPermalink-Struktur ändern und Beiträge ohne 404-Fehler... Derzeit ist wieder das Thema aufgeflammt, wie die optimale Url  eines Beitrages auszusehen hat und ich muss gestehen, dass ich ein wenig hin und her gerissen war, ob ich...

Mehr

JavaScript komprimieren - ganz einfach mit JSmin und Notepad++JavaScript komprimieren - ganz einfach mit JSmin und... Da ich sehr häufig in Beiträgen Beispiel-Codes veröffentliche, habe ich meinem Blog das Plugin SyntaxHighlighter Evolved gegönnt. Über Sinn und Unsinn eines solchen Plugins...

Mehr

  • 1
  • 2
  • 3
  • 4
  • 5
Folge mir auf Twitter
  • Home
  • Sitemap
  • Archiv
  • Blogroll
  • Über mich
  • Impressum
Home » Software » JavaScript komprimieren – ganz einfach mit JSmin und Notepad++

JavaScript komprimieren – ganz einfach mit JSmin und Notepad++

Geschrieben von Sylvi in Software am 12.02.2012
Tags: Javascript, Notepad++, Optimierung, Tipps & Tricks

4

Bild - Javascript verkleinern - vorher, nachherDa ich sehr häufig in Beiträgen Beispiel-Codes veröffentliche, habe ich meinem Blog das Plugin SyntaxHighlighter Evolved gegönnt. Über Sinn und Unsinn eines solchen Plugins mag man streiten. Natürlich könnte ich die Codes auch ohne Plugin anzeigen lassen. Allerdings stellt es diese einerseits sehr schön dar und ermöglicht das Hervorheben relevanter Zeilen. Andererseits bietet es natürlich einen gewissen Komfort für meine Besucher, die diesen Code per Klick auf das Copy-Symbol einfach kopieren und weiterverwenden können.

Mir als Admin habe ich noch das Plugin SyntaxHighlighter TinyMCE Button gegönnt, da es das Einfügen der Codes ohne Shortcode-Gefummel unheimlich erleichtert.

Nun ist mir durchaus bewusst, dass dieses Plugin vollgestopft ist mit Javascript-Dateien für die Darstellung sämtlicher Code-Sprachen. Um die Größen dieser Dateien ein wenig zu reduzieren, existieren z. B. diverse Online-Tools. Einmal habe ich für diesen Zweck den JavaScript Cruncher gefunden und noch das Online Javascript Compression Tool.

Es geht auch bequemer

Für Änderungen in meinen Dateien verwende ich fast ausschließlich Notepad++ und daher kam mir in den Sinn, ob es nicht auch möglich ist, darüber eine Komprimierung der Javascripte durchzuführen. Zusammen mit der FTP-Funktion (das Plugin Npp FTP muss dafür in Notepad++ installiert sein) wäre dann eine Fließband-Arbeit wie das Komprimieren und Wieder-Hochladen von Plugin-Javascripten eine erhebliche Erleichterung. Und tatsächlich – die gibt es!

Bild - Erweiterung JSMin im MenüAuf meiner Suche im Internet fand ich das Plugin JSMinNPP, dass hier zusammen mit Notepad++ heruntergeladen werden kann. Eventuell ist es aber auch schon bei Euch in der Auflistung des Pluginmanagers unter Available von Notepad++ enthalten. Dann braucht ihr natürlich nur noch auf “install” klicken, Notepad neustarten und JSMin müsste dann im Kontextmenü unter Erweiterungen aufgeführt sein.

Um mir die Arbeit noch mehr zu erleichtern, habe ich für die Funktion JSMin einen Shortcut festgelegt. Abwechselnd habe ich dann diesen Shortcut und Strg + S (hiermit wird die geänderte Datei gespeichert und sofort in das Verzeichnis wieder hochgeladen) angewandt und das Komprimieren lief im Schnellverfahren ab.

Bild - Menüfunktion Shortcut auswählenBild - Shortcut festlegen

Allerdings funktionierte die Lightbox meines Plugins Lightbox Plus nicht mehr einwandfrei und ich musste die Original JS-Datei bei diesem wieder zurückspielen.

Daher:Auf jeden Fall vor dem Komprimieren eine FTP-Sicherung z. B. mit FileZilla durchführen.

Tipp!

Weitere schöne Funktionen von Notepad++ hat Erik in seinem Beitrag 10 tolle Tipps für Notepad++  ausführlich beschrieben.


Twittern
0
Teilen
0
Google +1
0


Ähnliche Beiträge

  • nightly_tester_toolWenn Addons nach Update von Firefox und Thunderbird inkompatibel sind
  • Bild - E-Mails über E-MailsGegen Spam – Filter erstellen in Thunderbird
  • Bild - WerkzeugRiot – kleines Tool mit großer Wirkung
  • Bei eingelegter DVD und Iso-Image erscheint kein CD-AbbildInkorrekte Anzeige des Cover-Icons nach Einlegen von CD/DVDs und Autoplay-Funktion wiederherstellen
  • Bild - Schrittweise Wasserzeichen erstellenMit IrfanView Screenshots erstellen, Wasserzeichen einfügen und fürs Web optimieren



Kommentare (4)

1
Pauli
sagt am 12.02.2012 um 19:13 Uhr

Hey Sylvi,

toller Beitrag, auch wenn ich jetzt auf Anhieb nicht allzu viel
daraus verwenden kann. Ich bin immer wieder erstaunt, was Du
so alles rausfindest und komme zu dem Schluss, dass das
Einzige was stört, die blöde Arbeit ist! smilie

Liebe Grüße und einen schönen WE-Ausklang noch,
Pauli

Antworten
2
Sylvi
sagt am 12.02.2012 um 19:26 Uhr

Hallo Pauli,

es ist echt furchtbar, ich wollte heute eigentlich ganz andere Dinge erledigen, bin aber dann bei diesem Thema hängen geblieben. smilie

So geht es mir (fast) immer.

Lieben Restsonntags-Gruß
Sylvi

Antworten
3
Marc
sagt am 14.02.2012 um 15:57 Uhr

Hübsche Sache…
Habe die Zeilen bei ein paar Theme-JS glatt halbiert smilie

Antworten
4
Sylvi
sagt am 14.02.2012 um 20:35 Uhr

Ich bin auch total begeistert … schnell, unkompliziert und wirkungsvoll. smilie

Antworten
Letzter Kommentar vom: 14. Februar 2012 um 20:35 Uhr

Kommentar schreiben

Hier klicken, um die Antwort abzubrechen.

Du hast 10 Minuten Zeit, um Deinen Kommentar zu editieren




Abonniere Rss Feed
Kommentare abonnieren
  • Twitter Facebook google+ google+-Fanpage
  • 192 Artikel
    1,506 Kommentare
  • Letzte Artikel

    • Eine Verkettung unglücklicher Umstände
    • Ein unüberlegter Klick und schon ist es passiert
    • Software-Tipp Teil 3: Ashampoo Snap 5 – kleine Investition, die sich lohnt
    • SyntaxHighlighter Evolved vs. manuelle Umsetzung von Codes in Beiträgen
    • Fehler bei JavaScript-Ausgabe in Editable Comments beseitigt
  • Kategorien

    • Bloggen (67)
    • Fotografie & Grafik (11)
    • Hardware & Handy (7)
    • Internet (36)
      • Weblin (18)
    • Joomla (26)
    • Mal so gedacht (5)
    • Sicherheit (7)
    • Software (15)
    • WordPress (55)
  • Letzte Kommentare

    • Nils: Ich wollte die Lieblingsmusik löschen, klappt leider ni...
    • Roger: Hallo Silvy, Ja, du sprichst genau den Wunden Punkt...
    • Muso: Genau deshalb fahren unerfahrene Anwender mit Linux ode...
    • DanielB: Was ich schon Erfahrungen mit Trojanern sammeln konnte,...
    • hansen: Hallo Sylvi, mitten im Lesen Deines Artikels habe ich ...
    • Roger: Dein Erlebnis zeigt, wie schnell heute ein Schaden ange...

    Oft gelesen

    • Facebook: Favoriten ganz einfach anlegen, entfernen und sortieren
      (10 Kommentare)
    • Bildergalerien per Slideshow bei WordPress.com einfügen
      (8 Kommentare)
    • Software-Tipp Teil 3: Ashampoo Snap 5 – kleine Investition, die sich lohnt
      (11 Kommentare)
    • Ein unüberlegter Klick und schon ist es passiert
      (9 Kommentare)
    • SyntaxHighlighter Evolved vs. manuelle Umsetzung von Codes in Beiträgen
      (12 Kommentare)
  • Letzte Trackbacks

    • 251 Wordpress Plugins im Einsatz › Blog & Bloggen › Onlinelupe.de
      08.05.2012 10:32:50 Plugins in Sylvi´s Blog (45) [...]...
    • Aufbau der HTML-Maskierungen » Webmaster-Zentrale
      02.05.2012 18:37:41 | Veröffentlicht in HTML + CSS | Veröffentlicht am 02-05-20...
    • WordPress sicherer machen » Webmaster-Zentrale
      11.04.2012 19:54:00 WordPress bereits im Auslieferungszustand als sehr sicher. Vor einige...
    • Fang das Blog-Stöckchen! | Frisch gebloggt
      19.03.2012 15:54:40 ich zurückverfolgt: Wolfspad, PadLive, Happy Buddha, Admartinator, Bo...
  • Top-Kommentatoren - aktuell

    • Pauli (3)
    • hansen (2)
    • Roger (2)
    • Stephan (2)
    • Tanja (2)
    • Cora (1)
  • Auszug Blogroll

    • Blogger United
      Blogger United
      10.05.2012
      Blogparade: Eltern-Kind-Blogparade 0.2
    • Station 9.111
      Station 9.111
      14.05.2012
      Penguin – ein schönes Tier und Googles Update
    • Blogprojekt
      Blogprojekt
      16.05.2012
      Wie wichtig ist Google für Blogs?
  • >> komplette Blogroll anzeigen

  • Blogger United Blog-Parade

    Webmaster-Friday Plauderecke

Meine Seiten


  • Sylvis bunte Blogwelt Sylvis bunte Blogwelt
  • Sylvis bunte Seite Sylvis bunte Seite

RSS Letzte Beiträge bunte Blogwelt:


  • Käfig sauber – Wohnung Chaos - aber hauptsache die Meerlies haben Spaß 22. April 2012
  • Manchmal ist man größer als man denkt 11. April 2012
  • Der wahrscheinlich langweiligste Beitrag - weil es mir momentan einfach gut geht 8. April 2012

RSS Letzte Rebusse:


  • Bauernregel 4 14. Mai 2012
  • Rebus Curiosum 17 5. Mai 2012
  • Rebus 109 29. April 2012

Treueste Kommentatoren


  • Pauli Pauli (97)
  • Cujo Cujo (53)
  • Tanja Tanja (37)
  • Marc Marc (35)
  • Erdbeere Erdbeere (34)
  • hansen hansen (23)
  • Crazy Girl Crazy Girl (22)
  • Daniel Birkhahn Daniel Birkhahn (22)
  • Marcus Marcus (18)
  • nasch nasch (16)

Schlagwörter


Addon Avatare Barrierefreiheit Bildbearbeitung Blog Blogosphäre Blogparade Community CSS E-Mails Editor Facebook Faved Blogger 2010 Fehlerbehebung Firefox Flatpress Foto Google Internetseiten Interview Jamendo Joomla 1.6 Kommentarbereich Kommentare Modul Musik Open Virtual World Optimierung OVW Pagination PaintNet PHP Plugin Sidebar SocialMedia Spam Theme Smoky Tipps & Tricks Twitter Urlaub Validität Webmaster Friday WordPress 3.0 Xampp yvComment

nach oben ↑
Sylvis Blog

© All Rights Reserved. Sylvis Blog 2009 - 2012

Powered by WordPress | Theme by Web Site Hosting