Javascript später parsen

[koshiro]

Hallo,
ich lade ja alle meine javascript Elemente am Ende der Seite, aber wie kann man dann noch Javascript später parsen wenn es schon am Ende der Seite ist.
Google spuckt mir dazu leider nichts brauchbares aus. Eventuell kann mir ja einer von euch etwas dazu sagen, oder hat ein paar Anhaltspunkte wo ich mich noch ein wenig dazu belesen kann.
Gruß
Micha



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

[Tomcraft]

Hallo Micha,

wir hatten die Änderung mal kurzzeitig in r777 im Shop drin. Dabei gab es aber teilweise Probleme mit manchen Module, daher haben wir das wieder rückgängig gemacht. Du kannst es für dich aber gerne testen.

Grüße

Torsten

[cYbercOsmOnauT]

Man kann JavaScript ja auch durch Events feuern. Meist wird document.load verwendet (in jQuery wäre es $(function() { ... Dein JS ... });)

Aber Du kannst auch einen Timeout setzen (Zeit nach dem eine JS Funktion ausgeführt wird) oder auf onclick events reagieren.

[koshiro]

Hallo Torsten,
ja das mit diesen Änderungen weiß ich ja, und die habe ich auch schon eh und je drin bei mir, da es ja bei mir zu keine Probleme gekommen ist, und alles so Funktioniert wie es sein soll, aber trotzdem habe ich diese Meldung Javascript später parsen: (96.8 KiB des JavaScript wird beim Laden der Seite geparst. Parsen Sie JavaScript später, um die Blockierung der Seitendarstellung zu reduzieren.) und da weiss ich in Moment nicht wo ich ansetzen muss.
Gruß
Micha

[DokuMan]

Den Ansatz, den cYbercOsmOnauT Anspricht, nennt sich "lazy load": Lazy Loading Asyncronous Javascript

[koshiro]

Hallo,
irgendwie verstehe ich das noch nicht so ganz. Ich lade doch schon meine Javascript Dateien am Ende der Seite durch die application_bottom.php, wie kann man denn da seine Javascripte noch später parsen.
Das einzige was ich gleich noch am Anfang sehe wenn ich im Quelltext reinschaue ist das hier.

Code: PHP  [Auswählen]

<script type="text/javascript"><!--
var selected;
var submitter = null;

function submitFunction() {
    submitter = 1;
}
function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}  

function selectRowEffect(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  if (selected) selected.className = 'moduleRow';
  object.className = 'moduleRowSelected';
  selected = object;

// one button is not an array
  if (document.getElementById('payment'[0])) {
    document.getElementById('payment'[buttonSelect]).checked=true;
  } else {
    //document.getElementById('payment'[selected]).checked=true;
  }
}

function rowOverEffect(object) {
  if (object.className == 'moduleRow') object.className = 'moduleRowOver';
}

function rowOutEffect(object) {
  if (object.className == 'moduleRowOver') object.className = 'moduleRow';
}

function popupImageWindow(url) {
  window.open(url,'popupImageWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
//--></script>

Und das weis ich nicht aus welcher Datei das kommt, um es auch noch später zu parsen.
Gruß
Micha

[cYbercOsmOnauT]

Du missverstehst da etwas. Geparsed werden JS immer sobald der HTML Code soweit geladen wurde. Sofort ausgeführt wird jedoch nur JS Code welcher nicht in einer Funktion steckt.

Diese JS Funktionen kann man dann später bei Bedarf ansprechen.

P.S.: Ich hab meinen JS lieber dort wo er eigentlich hingehört. Im head-Bereich. Aber da muss man dann so manches beachten. Eigentlich ist es relativ egal wo eine JS im Quelltext steht.