JavaScript Datei korrekt einbinden - Verweis notwendig?

Shopware 5 Programmierung
1

Hallo liebe Shopware Community,

aufgrund von vielen third-party JS Anbietern ist in den letzten Wochen unsere Performance eingebrochen. Zusammen mit einem Relaunch vor paar Wochen haben wir dadurch extreme Sichtbarkeitseinbußen.

Long story short: Ich versuche PageSpeed gut zu machen und übe mich gerade an verschiedenen third-party JS-Dateien.

Hierbei habe mich an folgender Anleitung gehalten und die Datei webchat.legacy.js ins Shopware JS eingebunden: Using CSS and JavaScript in themes

Meine Frage ist jetzt, wie ich die Datei korrekt im Script hinterlege. Vorher sah der Code wie folgt aus:

<script defer>
      (function () {
        var s = document.createElement("script");
        s.onload = function () {
          // YOUR EMBEDDING CODE HERE

          var sessionId = "session-" + new Date().getTime() * Math.random();

          if (window.localStorage) {
            var persisted = window.localStorage.getItem("sessionId");
            if (!persisted) {
              window.localStorage.setItem("sessionId", sessionId);
            } else {
              sessionId = persisted;
            }
          }

          initWebchat(
            "https://endpoint-trial.cognigy.ai/c4df8328b19d91028e84a4c56763049d6734c0049d9f7d755c1186c0ae81942b",
            {
              sessionId: sessionId
            }
          );
        };

        s.src = "https://github.com/Cognigy/WebchatWidget/releases/download/v2.40.4/webchat.legacy.js";

        document.body.appendChild(s);
      })();
    </script>

Der neue Code ist so eingebunden:

<script defer>
  (function () {
    var s = document.createElement("script");
    s.onload = function () {
      // YOUR EMBEDDING CODE HERE

      var sessionId = "session-" + new Date().getTime() * Math.random();

      if (window.localStorage) {
        var persisted = window.localStorage.getItem("sessionId");
        if (!persisted) {
          window.localStorage.setItem("sessionId", sessionId);
        } else {
          sessionId = persisted;
        }
      }

      initWebchat(
        "https://endpoint-trial.cognigy.ai/c4df8328b19d91028e84a4c56763049d6734c0049d9f7d755c1186c0ae81942b",
        {
          sessionId: sessionId
        }
      );
    };

    s.src = "/themes/Frontend/ElectoChild/frontend/_public/src/js/webchat.legacy.js";

    document.body.appendChild(s);
  })();
</script>

Ist das so korrekt? Oder muss der Verweis jetzt komplett raus?

Vielen Dank vorab. Hoffe, meine Frage ist verständlich.

Liebe Grüße
Patrick