# JavaScript Datei korrekt einbinden - Verweis notwendig?

**URL:** <https://forum.shopware.com/t/javascript-datei-korrekt-einbinden-verweis-notwendig/93171>\
**Category:** Programmierung\
**Tags:** programming\
**Created:** [28. Februar 2022 um 11:01 UTC](https://forum.shopware.com/t/javascript-datei-korrekt-einbinden-verweis-notwendig/93171 "2022-02-28T11:01:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![BIG](https://avatars.discourse-cdn.com/v4/letter/b/e56c9b/32.png) [@BIG](https://forum.shopware.com/u/BIG)\
**Post date:** [28. Februar 2022 um 11:01 UTC](https://forum.shopware.com/t/javascript-datei-korrekt-einbinden-verweis-notwendig/93171/1 "2022-02-28T11:01:08Z")

</div>

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](https://developers.shopware.com/designers-guide/css-and-js-files-usage/)

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

```auto
<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:

```auto
<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