Contao und CDN-URL (Pagespeed) liefert Frontend ohne Styles und lokale Bilder

Hallo zusammen,

ich versuche gerade, für eine mittelgroße Webseite den Pagespeed zu optimieren und habe mir daher mal AWS CloudFront als CDN angelegt. Da das Thema neu für mich ist und aktuell nicht bei mir funktioniert, einige Fragen, die ihr mir hoffentlich beantworten könnt:

In AWS Cloudfront habe ich zwei Distributions angelegt. Eine mit origin www.domain.com/assets, die andere mit origin www.domain.com/files/

Die zwei daraufhin generierten Domainnames habe ich im Startpunkt meiner Seite in die Felder Datei-URL und Assets-URL eingetragen (Format xyz.cloudfront.net, http davor wird nicht gespeichert). Cache geleert und Frontend angeschaut: Keine Stylesheets, Bilder werden lokal geladen.

Im Quelltext finde ich jetzt z.B.: <link rel="stylesheet" href="//xyz.cloudfront.net/system/modules/Subcolumns/assets/yaml3/subcols.css">, die Bilder stammen vom eigenen Server

Was ist falsch gelaufen? Wieso fehlt das http(s) im Link? Muss ich in AWS noch irgendetwas einstellen, damit das funktioniert?

Ich hoffe, ich habe das Problem verständlich erklären können! Danke vorab für Eure Hilfestellungen!

Zitat:

---

Zitat von Dublay

Hallo zusammen,

ich versuche gerade, für eine mittelgroße Webseite den Pagespeed zu optimieren und habe mir daher mal AWS CloudFront als CDN angelegt. Da das Thema neu für mich ist und aktuell nicht bei mir funktioniert, einige Fragen, die ihr mir hoffentlich beantworten könnt:

In AWS Cloudfront habe ich zwei Distributions angelegt. Eine mit origin www.domain.com/assets, die andere mit origin www.domain.com/files/

Die zwei daraufhin generierten Domainnames habe ich im Startpunkt meiner Seite in die Felder Datei-URL und Assets-URL eingetragen (Format xyz.cloudfront.net, http davor wird nicht gespeichert). Cache geleert und Frontend angeschaut: Keine Stylesheets, Bilder werden lokal geladen.

Im Quelltext finde ich jetzt z.B.: <link rel="stylesheet" href="//xyz.cloudfront.net/system/modules/Subcolumns/assets/yaml3/subcols.css">, die Bilder stammen vom eigenen Server

Was ist falsch gelaufen? Wieso fehlt das http(s) im Link? Muss ich in AWS noch irgendetwas einstellen, damit das funktioniert?

Ich hoffe, ich habe das Problem verständlich erklären können! Danke vorab für Eure Hilfestellungen!

---

// am Anfang der URL bedeutet, dass er sowohl http als auch https unterstützt. Abhängig davon wie die Seite aufgerufen wird, wird auch die Ressource aufgerufen.

Die Dateien müssen natürlich auch aufgrund dem CDN liegen. Da ich noch nie mit Cloudfront gearbeitet habe, kann ich da keine weitere Auskunft geben.

Zitat:

---

Zitat von webstar

// am Anfang der URL bedeutet, dass er sowohl http als auch https unterstützt. Abhängig davon wie die Seite aufgerufen wird, wird auch die Ressource aufgerufen.

---

Ok, das ist mir neu. Das man die Quelle so nicht aufrufen kann, ist dann normal? Er springt ja dann direkt auf meine URL wenn ich dies im Browser angebe und hängt das an die Domain dran.

Die Quelle muss so aufrufbar sein, als wenn du die URL ohne http(s) im Browser eingibst. Kommt dann die css oder auch nicht?
Wie das ganze mit AWS Cloudfront zusammenspielt, keine Ahnung.