Ich hab noch eine Frage zu Photoswipe - anscheinend funktioniert das Ganze jetzt ja ein wenig anders, als die Version, die ich laufen habe - bin ich da richtig?
Früher hat er nach Gallery->li->a gesucht und das dann mit Photoswipe dargestellt.

Ich hab mir mal die Dokumentation angesehen und der Aufbau ist ja folgender:
Link

Habt ihr eine solche schon irgendwo laufen, damit ich mir das mal ansehen kann?

Was würde sich aber für defer anbieten - async ist mir klar.
Die anderen Teile benötigt er ja beim Laden der Seite schon?

Defer ist im Prinzip wie async mit dem Unterschied, dass die Reihenfolge beim Ausführen der geladenen Scripte eingehalten wird und die Scripte erst ausgeführt werden, wenn das HTML-Dokument fertig geparst ist.
Beste Erklärung hierzu, die ich auf die Schnelle finden konnte:
http://www.growingwiththeweb.com/2014/0 … butes.html

Edit:

Bei genauerer Betrachtung wäre bei facebook "defer" die bessere Wahl.
Sehe gerade, dass das Facebook-JS ja auch nur ein inline-Script ist.
Pack das Script lieber ganz nach unten als allerletztes.
Es spielt für die Funktion der Webseite keine wesentliche Rolle.

Async brauchst Du im Prinzip nur dann, wenn das Script ausgeführt werden soll, sobald es geladen ist (egal wann das ist).
So weit ich das erkennen kann, dürfte das bei keinem der Scripte der Fall sein.
Es reicht, wenn die Scripte erst ausgeführt werden, wenn die Seite soweit ist (also defer).

Zum Thema defer/async hatten wir hier aber mal eine kurze Diskussion:
http://www.cmsmadesimple.de/forum/viewtopic.php?id=2008
Wegen der inline-Scripts kann es sein, dass Du defer garnicht verwenden kannst, weil die inline-Scripte dann höchstwahrscheinlich ausgeführt werden, bevor die externen-Scripte geladen wurden.

Dabei fällt mir noch diese Idee ein:

<script type="text/javascript" src="..." defer="true" onload=" funktion die ausgeführt werden soll wenn script geladen"></script>

Also die inline-Scripte direkt als onload-Event zum jeweiligen externen Script hinzufügen.
Weiß aber nicht wie Browser-Kompatibel das mitlerweile ist.
Ich glaube mich zu erinnern, dass es da Probleme gab, wann genau dieses Event ausgeführt wird.
In einem Browser wurde bei defer zuerst die onload-Funktion ausgeführt und dann erst das geladene Script, im anderen genau umgekehrt. (ich glaube IE tanzte da mal wieder aus der Reihe)

Was würde sich aber für defer anbieten - async ist mir klar.
Die anderen Teile benötigt er ja beim Laden der Seite schon?

Ich habs jetzt eingebaut - da gibt mir Firebug diesen Fehler:

Firebug sagt Dir aber auch wo dieser Fehler auftritt: foundation.orbit.js

Teile am Anfang, Teile am Ende ... 

Pack doch mal alles ans Ende.
Und zwar in der Reihenfolge wie es voneinander abhängig ist:

1. jQuery
2. modernizr
3. foundation
4. foundation.orbit
5. Photoswipe (sollte unabhängig von den anderen sein)

Und zum Schluss die inline-scripts. Weil die erst dann Sinn machen, wenn alle externen Scripte da sind (da sie auf Funktionen der externen Scripte zugreifen).

Und dann probier mal, ob Du die Scripte auch mit "defer" zum Laufen kriegst, weil Dein Pagespeed-Wert ist jenseits von *üörks*

Das facebook-Script müsstest Du sogar mit "async" laden können, weil davon keine anderen Scripte abhängen dürften.

Und weil ich gerade beim Thema Pagespeed bin ... ich zähle hier 109 Requests ... liegt daran, dass Du alles auf einmal lädst. Hier wäre AJAX zum Nachladen von Bildern bzw. der Tabs angeraten.

Das Problem ist, der Orbit-Slider gibt dem Element mit der Klasse "orbit-slides-container" eine konkrete Höhe. Wenn Orbit aber aktiv wird, bevor der Tab sichtbar ist, der diesen Slider beinhaltet, kann er die Höhe nicht korrekt berechnen. Denn unsichtbare Elemente haben die Höhe 0. Also müssen der Tab und alle nachfolgenden Elemente vom Browser neu gezeichnet werden. Ergo: Reflow.

Ist übrigens ein bekanntes Problem für das es offenbar noch keine eingebaute Lösung zu geben scheint:
http://foundation.zurb.com/forum/posts/ … ithin-tabs

Eine "Lösung" wäre, beim Klick auf einen Tab ein sogenanntes "Reflow" Ereignis auszulösen:

<script>
$('.tabs').on('toggled', function (event, tab) {
    $(document).foundation('orbit', 'reflow');
});
</script>

Wieso kann er es laden wenn man gleich den Kosmetik-Button klickt?

Ich schätze mal es liegt an der Ladereihenfolge

einige Javascripts im Head benötigen jQuery.
jQuery wird aber erst am Ende kurz vor </body> geladen.

Abgesehen davon ist die Seite nicht valide.
Behebe erstmal die HTML-Fehler.
Relativ weit oben gleich nach dem facebook-Javascript:

 <div class="row">
      <div class="small-12 columns logo">
      <img src="/uploads/images/sabrina-oswald-logo.png"></div> <--- Das </div> ist zu viel
      </div>
    </div> 

Vielleicht tut's das ja schon.

Ich schätze mal es liegt an der Ladereihenfolge - habt ihr vielleicht einen Tipp - hier der Link:
http://bit.ly/1T3pSDG
Es geht um die Kategorie "Kosmetik"!

Vielen Dank!

Ja, ich hab dieses Photoswipe noch in einer alten Version drinnengehabt.
Ich hab mir eh schon mal die aktuelle Dokumentation durchgesehen - ist ja ziemlich umfangreich geworden die aktuelle Version.

Vielen Dank!

Was ich so auf dem ersten Blick sehe ist dass jquery 2 x geladen wird, 1 x am Anfang 1 x am Ende.

Meistens wenn so etwas passiert hat es mit fehlende/doppele Scripts zu tun.

MfG
Jan

ist aber die von jQuery unabhängige photoSwipe Version.
Daher dürfte das in diesem Falle nicht die Ursache sein.
(Aber beheben sollte man es trotzdem)