Cookiebar Javascript gemeinsam laden / CSS integrieren

**Jens_** · 09.02.2016, 11:04

Hallo zusammen,

ich nutze die Erweiterung Cookiebar - und die funktioniert sehr gut. Nur ein Problem habe ich damit: Sie bremst bei Google Page ein wenig, weil CSS und JS separat geladen werden. Ich habe keine Idee, wie ich das CSS in das normale CSS-Paket von Contao einbauen kann, auch nicht, wie ich die JS-Datei mit den anderen gemeinsam lade. Hat jemand eine Idee?

Das meldet Google Page Speed Insights:

Entfernen Sie JavaScript, das das Rendering blockiert:

http://www.domain.de/assets/js/12345678910c.js
http://www.omain.de/…odules/cookieba...okiebar.min.js

Optimieren Sie die CSS-Darstellung für die folgenden URLs:

http://www.domain.de/…dules/cookieba...kiebar.min.css

http://www.domain.de/assets/css/12345678910d.css

Mein Problem: Im Cookiebar-Template finde ich das Laden des Cookiebar-Javascripts nicht...

**Spooky** · 09.02.2016, 13:51

Ich denke mit der Cookiebar Extension hat das Problem nichts zu tun. Wenn du bspw. hier jeweils ein "|static" hinten dranhängst, dann wird das JavaScript und CSS der Cookiebar Extension zwar mit dem restlichen JavaScript und CSS zusammengeführt, die Meldung von Google PageSpeed Insights wird aber wahrscheinlich bleiben.

**Jens_** · 09.02.2016, 14:06

Hallo Spooky,

vielen Dank. Du hast Recht: Die Punktwerte bei der Page Speed Analyse haben sich nicht verändert, aber immerhin wurden die Dateien zusammengeführt und nun steht jeweils nur noch eine da. Das Ergebnis ist also schon mal ein Schritt in die richtige Richtung:

Entfernen Sie JavaScript, das das Rendering blockiert:

http://www.domain.de/assets/js/12345678910a.js

Optimieren Sie die CSS-Darstellung für die folgenden URLs:

http://www.domain.de/assets/css/12345678910a.css

Danke für den Tipp, das ist ja schon ein bisschen besser als vorher.

Viele Grüße
Jens_

**Spooky** · 09.02.2016, 14:19

Wenn du die Meldung ganz wegbekommen willst, musst du die zusammengefasste JavaScript Datei an das Ende des <body> geben. Das schaffst du zB mit der Extension Theme+, es gibt aber mittlerweile auch eine andere Extension für Contao, mit der man das machen kann - leider weiß ich nicht mehr wie diese heißt und finde sie auch momentan nicht.

**Jens_** · 09.02.2016, 14:30

Hallo Spooky,

Danke. Eventuell meinst Du diese Erweiterung: https://contao.org/de/erweiterungsli...000009.de.html

Mir scheint, beide Erweiterungen werden nicht so sehr gepflegt?

Grüße
Jens_

**Spooky** · 09.02.2016, 14:34

Nein, die war es nicht.

Gerade wieder gefunden: https://github.com/comolo/contao-supertheme (gibt es nicht im ER2).

**Jens_** · 09.02.2016, 20:00

Hallo Spooky,

Danke für den Link. Ich komme damit nicht so ganz klar: Direkt installieren ging (auf dem Testsystem) nicht, dann klappte nichts mehr. Dann habe ich den Composer installiert, allerdings lief ich damit - obwohl die Installation des Supertheme klappte - auf einen nicht auf die Schnelle nachvollziehbaren Fehler. Die ThemePlus-Erweiterung wird für das aktuelle Contao 3.5 auch nicht empfohlen; daher traue mich da auch nicht ran. Das teste ich aber vielleicht noch mal...

Das einfach übers Template zu verschieben, war auch keine gute Idee. Dann funktionierten einige JS-Funktionen nicht mehr...

Besten Dank und Grüße
Jens_

**tab** · 09.02.2016, 20:31

Naja, wenn das Javascript da unten eingebunden nicht mehr funktioniert, dann werden die Erweiterungen wohl auch nicht helfen. Dann wird das Javascript - oder zumindest ein Teil davon, schon gebraucht, bevor es geladen war. Dann muss zumindest dieser Teil früher geladen werden oder - das wird Pagespeed wohl eher zufriedenstellen - direkt ins HTML eingebunden werden, wo es gebraucht wird.