Problem bei asynchron laden von Javascript

[HaldOn]

Hallo,

ich versuche gerade das Hauptjavascript in meinem Shop asynchron mit

Code: PHP  [Auswählen]

<script async src=".....

zu Laden.

Leider funktioniert danach die verbaute jQuery Colorbox nicht mehr.

Hat vielleicht einer einen Tipp für mich?

Linkback: https://www.modified-shop.org/forum/index.php?topic=39525.0

[hpzeller]

Wenn du mit Hauptjavascript die jQuery Bibliothek meinst, dann kann das natürlich nicht funktionieren, denn die jQuery Colorbox setzt die jQuery Bibliothek voraus, wenn diese aber mit async lädst ist nicht vorherzusagen wann die jQuery Bibliothek im Browser zur Verfügung steht, siehe Bild.

[ Für Gäste sind keine Dateianhänge sichtbar ]
Quelle: https://www.mediaevent.de/javascript/programm-struktur.html

Was willst du mit async erreichen? Eventuell löst defer dein Problem, oder du verfrachtest alles Javascript in der richtigen Reihenfolge an das Ende des Body-Tags.

Gruss
Hanspeter

[HaldOn]

Hallo Hanspeter,

danke für den Link.

Im Haupt Javascript hab ich alle js. Dateien und die jQuery Bibliothek gepackt.

Google Pagespeed moniert "JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen"
mit im head-Bereich geladenen js komme ich auf 59 von 100 (Mobil, Desktop 93), mit async, defer oder unten vor Ende des body erhalte ich 92 (Mobil) von 100 im Test.

async, defer, unten im Quelltext (general_bottom.js.php) hatte ich schon probiert, bringt alles Fehler, zB. PaypalPlus Zahlungsauswahl js ohne Funktion, einige weitere js Funktionen auch.

[Timm]

Vielleicht hilft dir das

modified eCommerce Shopsoftware 2.0.3.0 rev 10907 veröffentlicht

Damit wird javascript nur im Warenkorb und im Checkout im head geladen.

Dadurch hab ich mobil 93 Punkte.

Gruß Timm

[noRiddle (revilonetz)]

Markus' Idee aus dem von dir verlinkten Post ist natürlich sehr gut.
Man muß jedoch sagen, was auch Markus in dem Thread angedeutet hat, daß 1. Pagespeed nicht überbewertet werden darf und 2., das ist meine Meinung, übertreibt es Google und oft sind die Forderungen der Pagespeed-Messung undurchführbar oder nur durchführbar mit gravierenden Rendering-Nachteilen.

Ranking in den Google-SERPs ist eine Wissenschaft für sich und die meisten SEO-Fachleute sind keine.
Jedenfalls gibt es weit weit wichtigere Dinge als Pagespeed, vor allem auch im Zeitalter der schnellen I-net-Verbindungen (zumindest in Rumänien  ).

Gruß,
noRiddle

P.S.:
Nein, ich bin kein SEO-Fachmann und möchte auch nicht den Eindruck erwecken.

[hbauer]

Jedenfalls gibt es weit weit wichtigere Dinge als Pagespeed, vor allem auch im Zeitalter der schnellen I-net-Verbindungen (zumindest in Rumänien  ).

hm. hier möchte ich aber die starken Bedenken anmelden das man bei der Bewertung der Geschwindigkeit maximal schnelles 3g voraussetzen sollte. Für mich ist das die Bandbreite die ich für den mobilen Zugriff annehme. Das Ziel muss 2 Sekunden sein.  Einfach mal https://www.webpagetest.org mit fast 3g zum testen nehmen

[HaldOn]

Hallo Timm,

danke für den Link und Markus danke fürs teilen!

Mit kleiner Abwandlung zu meinem Template geht es jetzt

[Alfred]

Jedenfalls gibt es weit weit wichtigere Dinge als Pagespeed, vor allem auch im Zeitalter der schnellen I-net-Verbindungen

Das sollte man nicht unterschätzen.