Java-Scripts zusammenfassen

[office@narosy.at]

Ich versuche gerade die JS-Files und CSS-Files des Revolution-Sliders in das zusammengefasste css- bzw. js-File zu schreiben, um den Page Speed zu verbessern.
Leider gelingt mir das aber nicht, die Files werden immer extra in den Quellcode geschrieben.
Folgende Configuration:
Theme Extreme, Contao 3.5.40, Revolution Slider 2.5.0

<link rel="stylesheet" href="files/cto_layout/scripts/rs-plugin/css/settings.css">
<link rel="stylesheet" href="system/modules/pct_revolutionslider/assets/css/styles.css">
<link rel="stylesheet" href="system/modules/pct_customelements/assets/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/2acb8026d4e5.css">
<script src="assets/js/ba5508d6f484.js"></script>
<script src="files/cto_layout/scripts/rs-plugin/js/jquery.themepunch.revolution.js"></script>
<script src="files/cto_layout/scripts/rs-plugin/js/jquery.themepunch.tools.min.js"></script>

Im Seitentemplate ist das jQuery-Template j_slider aktiviert.

Wie kann ich hier vorgehen?

[Tim]

Hier findet sich eine initconfig.php zum Download, die das autom. Laden der RS-Scripte/Dateien aufhebt. https://help.premium-contao-themes.c...pagespeed.html

Ab diesem Zeitpunkt müssen die notwendigen Dateien manuell hinzugefügt werden.

[office@narosy.at]

Vielen Dank für den Tipp, habe dies soweit umgesetzt, und habe jetzt auch eine weitere css-Datei im Quellcode.
Leider werden aber weiterhin die oben angesprochenen script-Dateien nochmals eingebunden.
Muss ich im Seitenlayout noch etwas adaptieren?
Die CSS_Dateien werden hier nicht mehr geladenm, auch keine CSS-Framework-Files.
jQuery muss ich laden, sonst geht leider gar nix...

[Tim]

ce_revolutionslider_video.html5 inkludiert ggf. auch die RS Dateien.

Fontawesome kann in den Systemeinstellungen deaktiviert werden. (siehe Schritt 5 in der Doku)

[office@narosy.at]

sorry, Fontawesome passt, das habe ich vergessen zu erwähnen.
bzgl. ce_revolutionslider_video.html5 bedeutet das?
die fraglichen dateien werden ja ins gesammelte file geschrieben, oder verstehe ich hier etwas falsch

        $GLOBALS['TL_JAVASCRIPT'] = TL_ASSETS_URL.'assets/jquery/ui/'.$GLOBALS['TL_ASSETS']['JQUERY_UI'].'/jquery-ui.min.js';
    }
    $GLOBALS['TL_JAVASCRIPT'][] = 'files/cto_layout/scripts/rs-plugin/js/jquery.themepunch.revolution.js';
    $GLOBALS['TL_JAVASCRIPT'][] = 'files/cto_layout/scripts/rs-plugin/js/jquery.themepunch.tools.min.js';
    $GLOBALS['TL_CSS'][] = 'files/cto_layout/scripts/rs-plugin/css/settings.css';
    $GLOBALS['TL_CSS'][] = REVOLUTIONSLIDER_PATH.'/assets/css/styles.css';

[office@narosy.at]

Aber der Tipp war gut, danke!
Hab die Zeilen auskommentiert im Template und hetzt sidn die Codezeielen weg, und der Slider geht aber immer noch.
Kannst du mir evtl. kurz erklären warum die zeilen trotzdem im Code erschienen sind?
Ich dachte mit $GLOBALS['TL_JAVASCRIPT'][] und$GLOBALS['TL_CSS'][] werden eben gerade die Files zusammengefasst und nicht extra ausgegeben?

[Tim]

Befolge am Besten die Anleitung in der Doku und nimm ALLE autom. Ladevorgänge raus und pack alles in die fe_page.

Arbeit mit Globalen:
Die Flagge "|static" in den Globalen teilt Contao mit die Dateien in den Combiner zu laden. (das geht nicht mit jedem File gut).
Siehe: https://contao.ninja/API_Hook_Module.html -> Statisches und asynchrones Einbinden.

Beispiel:

 
 $GLOBALS['TL_JAVASCRIPT'][] = 'files/cto_layout/scripts/rs-plugin/js/jquery.themepunch.revolution.js|static';

[office@narosy.at]

ok, danke!