Neu JTL Shop 5 critical CSS 2x identisch im Header vorhanden

edding18

Gut bekanntes Mitglied
10. August 2018
138
19
Mir ist aufgefallen, dass in dem crictical CSS im Header (<style id="criticalCSS">) der ganze Bootsrap-Code 2x vorhanden ist. Der Bereich beginnt mit ca. 1250 Zeilen Boostrap-Code, dann nochmals 1250 Zeilen exakt der gleiche Code (habe es mit nem Compare-Tool verglichen), dann kommt wohl der Template-spezifische Code und zum Schluss die critical CSS Anpassungen an das Template von mir.

Das Thema "criticial CSS" bzw. die ganze Art und Weise wie das Template kompiliert wird ist noch etwas "Neuland" für mich bzw. ich arbeite mich Stück für Stück da hinein. Hierzu jetzt meine Fragen:

- Kann jemand das Problem nachvollziehen?
- Wie wird dieses Critical CSS im Header genau erstellt/kompiliert?
- Wie kann ich den 2. Block mit den ~ 1250 genau gleichen Zeilen (und damit komplett überflüssig) entfernen?

VG
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.315
449
Hallo,

das kann ich nicht bestätigen. Hast du eventuell Dinge doppelt eingebunden? Wenn du die crit.scss selbst schon erweitert hast, nehme ich an du bist im Theme Editor unterwegs?

Viele Grüße
Michael
 

edding18

Gut bekanntes Mitglied
10. August 2018
138
19
Selbst eingebunden hab ich soweit nichts, sondern nehmen eben entsprechende Modifikationen am Child-Theme über den Theme-Editor vor. Wo "zieht" sich der Shop den Inhalt für den Critical CSS Part im Header?
 

edding18

Gut bekanntes Mitglied
10. August 2018
138
19
Gerade geprüft - die mytemplate_crit.css Datei selbst hat in den Zeilen 1-1250 uns 1251-2500 sozusagen 2x den gleichen Content.

Dann ist irgendwas beim Kompilieren der Datei schief gelaufen? Oder offen gefragt: Hat hier der Ersteller des Templates evtl. einen Fehler gemacht?
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.315
449
Was hast du denn für ein Template?
Wie sieht es in der entsprechenden xxx_crit.scss Datei aus? Du meintest ja du hast dort noch Dinge hinzugefügt. Ist dort soetwas doppelt drin?

CSS:
// Lädt kritische Style Angaben
@import "../../../../NOVA/themes/base/bootstrap/scss/functions";
@import "../../../../NOVA/themes/base/bootstrap/scss/variables";
@import "../../../../NOVA/themes/base/bootstrap/scss/mixins";
@import "../../../../NOVA/themes/base/bootstrap/scss/root";
@import "../../../../NOVA/themes/base/bootstrap/scss/reboot";
//@import "../../base/bootstrap/scss/type";
@import "../../../../NOVA/themes/base/bootstrap/scss/images";
@import "../../../../NOVA/themes/base/bootstrap/scss/code";
@import "../../../../NOVA/themes/base/bootstrap/scss/grid";
@import "../../../../NOVA/themes/base/bootstrap/scss/nav";
@import "../../../../NOVA/themes/base/bootstrap/scss/navbar";
 

edding18

Gut bekanntes Mitglied
10. August 2018
138
19
Wir haben das FLAT-Template von Themeart. Hab wohl den Fehler gefunden. In der child xxx_crit.scss (heißt hier myclear_crit.scss) wurden zum einen die kritischen Style-Angaben aus dem Basis-Theme importiert:

Code:
// Lädt Core-Funktionen
@import '../../../../Flat/themes/base/sass/functions';

// Lädt "myclear"-Variablen. Hier können Variablen aus Bootstrap und dem clear-Theme überschrieben werden.
@import "variables";

// Lädt kritische Style Angaben
@import "../../../../Flat/themes/base/bootstrap/scss/functions";
@import "../../../../Flat/themes/base/bootstrap/scss/variables";
@import "../../../../Flat/themes/base/bootstrap/scss/mixins";
@import "../../../../Flat/themes/base/bootstrap/scss/root";
@import "../../../../Flat/themes/base/bootstrap/scss/reboot";
//@import "../../base/bootstrap/scss/type";
@import "../../../../Flat/themes/base/bootstrap/scss/images";
@import "../../../../Flat/themes/base/bootstrap/scss/code";
@import "../../../../Flat/themes/base/bootstrap/scss/grid";
@import "../../../../Flat/themes/base/bootstrap/scss/nav";
@import "../../../../Flat/themes/base/bootstrap/scss/navbar";

@import "../../../../Flat/themes/clear/sass/clear_crit";

aber durch den letzten Import "@import "../../../../Flat/themes/clear/sass/clear_crit";" wurde ja die kritischen Styles des Basis-Themes importiert (clear_crit.scss) und dort wurden nochmals die Imports durchgeführt:

Code:
@import '../../base/sass/functions';

@import 'variables';

@import "../../base/bootstrap/scss/functions";
@import "../../base/bootstrap/scss/variables";
@import "../../base/bootstrap/scss/mixins";
@import "../../base/bootstrap/scss/root";
@import "../../base/bootstrap/scss/reboot";
@import "../../base/bootstrap/scss/type";
@import "../../base/bootstrap/scss/images";
@import "../../base/bootstrap/scss/code";
@import "../../base/bootstrap/scss/grid";
@import "../../base/bootstrap/scss/nav";
@import "../../base/bootstrap/scss/navbar";
@import "../../base/sass/mixins";

Ich hab jetzt die Imports im Basis-Theme auskommentiert und das Thema neu kompiliert - jetzt ist der kritische Block nur noch 1x vorhanden.

Eine Frage hab ich noch: Aus Best-Practice-Sicht - sollte man besser die Anweisungen im Child Theme oder im Basis-Thema auskommentieren?
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Bug Popup/eModal - JTL Shop 5.3 JTL-Shop - Fehler und Bugs 0
Neu JTL-Shop 5.3 - Aktuell 5.3.1 Releaseforum 1
Neu JTL 1.8.12.0 - Artikelattribut für Shop importieren - Format CSV-Datei / Hilfe bei Import von individuellen Attributen für JTL-Shop (googlekat) JTL-Ameise - Ideen, Lob und Kritik 1
JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Vouchers 1
Neu JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Shop 0
Neu E-Commerce-Effizienz steigern: Welche Programmiersprache verbessert die JTL-Shop-Entwicklung? Technische Fragen zu Plugins und Templates 1
Neu Kompatibilitätsliste JTL Shop & JTL Wawi Installation / Updates von JTL-Shop 2
Neu JTL-Shop 5 Paypal Zahlung 30 Tage Zahlungsziel Allgemeine Fragen zu JTL-Shop 6
Neu JTL-Shop 5.3.0 RC3 Fehler nach Update Portlet Banner, fehlendes Produkt JTL-Shop - Fehler und Bugs 0
Neu Umstieg von Shopware 5 zu JTL Shop 5 - Ranking behalten Allgemeine Fragen zu JTL-Shop 2
Neu Verbindungsproblem Wawi (1.8.12.0) zum JTL-Shop (5.2.4) über localhost User helfen Usern - Fragen zu JTL-Wawi 0
Neu Lizenz zu verkaufen für JTL-Shop Standard Edition Allgemeine Fragen zu JTL-Shop 4
JTL Shop : automatisch setzen: Verfügbar ab: 28.04.2024 (Vorbestellung möglich) JTL-Wawi 1.8 0
Neu Programmierung eines Tools zur Verwaltung einer Datentabelle (JTL Shop 5) Technische Fragen zu Plugins und Templates 6
I have faced an issue while the JTL Shop order has synchronized to the JTL WAWI 1.8 version. JTL-Wawi 1.8 0
Neu JTL Shop 5 Umfrage!? Allgemeine Fragen zu JTL-Shop 0
Neu Woocommerce mit JTL Connector "Die Shop-URL verweist nicht auf einen gültigen Shop" WooCommerce-Connector 4
Hosting JTL- Shop unter https://...12358.jtl-shop.de/ Einrichtung JTL-Shop5 0
Neu JTL-Shop Standard Edition Lizenz zu verkaufen Umstieg auf JTL-Shop 7
Neu Wie kann ich im JTL-Shop einen Abwesenheitshinweis einstellen? Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5.30? Allgemeine Fragen zu JTL-Shop 9
Neu Anzeige von Neuheiten und Topsellern im JTL Shop 5 Allgemeine Fragen zu JTL-Shop 2
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu JTL Shop funktioniert nicht mehr Allgemeine Fragen zu JTL-Shop 2
Neu JTL Shop Template Domain lösen? Allgemeine Fragen zu JTL-Shop 0
Neu Migration von eCommerce-Integrator auf JTL Connector - Software 5 Shop Onlineshop-Anbindung 2
Neu CloudFlare RocketLoader und JTL-Shop OnPage Composer JTL-Shop - Fehler und Bugs 0
Neu JTL-Shop 5 und PHP OpCache Allgemeine Fragen zu JTL-Shop 9
Sprachauswahl im JTL Shop 5 Einrichtung JTL-Shop5 5
Neu JTL Shop und WAWI komplett testen vor Shop-Release Gelöste Themen in diesem Bereich 8
Neu JTL Wawi Warenwirtschaft mit Gambio Cloud-Shop Gambio-Connector 0
Neu Anfängerfrage nach der prinzipiellen Funktionsweise mit JTL-Shop und FFN Starten mit JTL: Projektabwicklung & Migration 4
Neu Neue Tab in JTL 5 Shop erstellen Allgemeine Fragen zu JTL-Shop 3
Neu JTL Shop nicht mehr erreichbar Allgemeine Fragen zu JTL-Shop 1
Update von JTL-Shop 4.06 auf JTL-Shop 5.1.1 geht nicht Upgrade JTL-Shop4 auf JTL-Shop5 4
Neu JTL-Shop 5 Nova-Template / Darstellung der Produktliste teilweise fehlerhaft JTL-Shop - Fehler und Bugs 1
Neu JTL-Shop 5.2.4 - Umlaute wird in Plugins falsch übergeben JTL-Shop - Fehler und Bugs 2
Kundenimport von OpenCart 2.3 zu JTL Shop 5 Einrichtung JTL-Shop5 0
Neu erster JTL Shop - Artikelbilder aus Cloudspeicher - aber nicht in die Wawi eazybuisiness DB Allgemeine Fragen zu JTL-Shop 0
Neu PAngV (PreisAngabenVerordnung) vom 28.05.2022 mit JTL-Wawi und JTL-Shop - bzgl. "Läuft JTL Wawi stabil?" Smalltalk 1
Beantwortet JTL-SHOP 5 / Anzeige Preise Artikelübersicht Allgemeine Fragen zu JTL-Shop 3
Neu JTL Konfigurator an anderen Shop binden Plugins für JTL-Shop 0
Neu Webp Grafiken in JTL-Shop 4.06 Betrieb / Pflege von JTL-Shop 2
Neu Tracking-Link-Variable für Sendungsreferenz - e-mil vorlage jtl-shop JTL-Shop - Ideen, Lob und Kritik 0
Neu AR - Augmented Reality im JTL Shop 5 Plugins für JTL-Shop 2
Neu Woocommerce Upsells und Cross-Sells werden af JTL Shop angezeigt. JTL-Wawi - Fehler und Bugs 0
Neu Aktueller Stand: Retouren in JTL-Shop Allgemeine Fragen zu JTL-Shop 14
Neu SMTP Mail einrichten JTL-Shop 5 User helfen Usern - Fragen zu JTL-Wawi 4
Neu Nach Migration auf JTL Shop 5 fehlerhafte PayPal Zahlungsmitteilungen Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Shop Artikel in Wordpress darstellen Allgemeine Fragen zu JTL-Shop 3

Ähnliche Themen