Antworten auf deine Fragen:
Neues Thema erstellen

jQuery einbinden und diverse Plugins samt Scripte zusammenfassen?

patrick_l

Hat es drauf

Hi allerseits,

bei einem aktuellen Projekt nutze ich einige auf jQuery aufsetzende Plugins. Die würde ich gerne zusammenfassen. Einmal der Performance wegen, aber auch um Requests zu reduzieren und den Quellcode nicht unnötig aufzublähen. Stehe etwas auf dem Schlauch und daher jetzt hier mal höre, welche Vorschläge ihr zu parat habt. Es geht vor allem um folgende Plugins:

bootstrap, respond, prefexfree, easing, scrolling-nav sowie die simple-fade-slideshow. Alle andere Scripte werden so oder so von außen eingebunden. Daher keine bzw. eine untergeordnete Rolle spielen. Wäre also super wenn mir einer von euch etwas auf die Sprünge helfen würde/könnte. Mich interessiert auch ob und welche Erfahrungen ihr mit dem Closure Compiler von Google gemacht habt. Welche Mittel setzt ihr ein? Zeit ist ist Geld und will wenn nicht zwingenden notwendig den händischen Weg sparen.

Zur Website selbst, wird ne OnePage-Site mit zwei Unterseiten. Aufgesetzt ist/wird das ganze auf WordPress mit diversen Anpassungen. Markup vom laufenden Projekt kann ich jedoch nicht posten.

LG Patrick
 
Zuletzt bearbeitet:

lachender_engel

Aktives Mitglied

Du willst alle Skripte konsolidieren?
Wenn ich das richtig verstehe, dann speichere sie alle in der Reihenfolge, in der sie normalerweise einzeln laden, in eine einzelne Datei. Und stelle sichere, dass Du eine jQuery-Version nimmst, mit der alle Skripte laufen.

Um die Ladezeit zu optimieren setze noch einen Minify-er einer. Ich nutze dazu zum Beispiel den hier oder den hier.
 

msa1989

Bin da

Ich hab mir für sowas eine PHP-Funktion geschrieben. Google Page Speed meckert allerdings je nach Projekt bisher, dass 1 - 2% zusätzlich noch eingespart werden könnten.
PHP:
<?php
function mergeJSsources($cache_file, $js_sources){
   $filepointer = fopen($cache_file,"w+");
   $js_content = '';
   foreach ($js_sources as $js_file) {
     $js_content .= file_get_contents($js_file);
   }
   $js_content = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $js_content);
   $js_content = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '  ', '  '), '', $js_content);
   fwrite($filepointer, $js_content);
   fclose($filepointer);
}
?>
Für den Abruf des Codes hab ich je nach Seite verschiedene Vorgehensweisen. Wenn sich die Quell-Dateien nicht oft ändern, dann ist das vorgehen relativ einfach. Die Variable $cache_file enthält einen festen Pfad. z.B.: '/cache/myfile.min.js'. Vor jedem Seitenaufruf wird geprüft ob die Datei existiert und wie alt sie ist. Existiert die Datei nicht bzw. ist Sie zu alt, dann werden in ein Array ($js_sources) alle Pfade (in der richtigen Reihenfolge) zu den JS-Dateien geladen. Anschließend wird die Funktion "mergeJSsources" aufgerufen und die JS-Datei generiert.
Auf der eigentlichen Homepage gibt's nur den Link zu dieser temporären Datei. Dasselbe praktiziere ich mit CSS-Dateien.
 

patrick_l

Hat es drauf

Ich danke euch. Werde mir eure Lösungen genauer anschauen. Habe jetzt eh das Markup etwas angepasst und die Plugins an sich reduziert. Jetzt eigentlich nur noch die Slideshow, ScrollTo sowie jQuery direkt eingebunden. Meine Scripte komprimiert.

Und stelle sichere, dass Du eine jQuery-Version nimmst, mit der alle Skripte laufen.

Das sowieso. Alle Scripte, seien es meine oder die von Dritter laufen mit der aktuellsten Version. Vor dem Launch wird eh alles nochmal getestet. Gibt ja hier und da Unterschiede zwischen lokaler Serverumgebung und Server/Webspace. Primär was LESS angeht.

Wie gesagt, danke euch erst mal.

LG Patrick
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.450
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben