Einbindung in function

Hallöchen,

ich bin völlig neu auf diesem Gebiet und brauche mal Hilfe.

Ich habe zur Einbindung des Cookiebanners folgendes Script auf der Seite:

<script type="text/javascript"> var date = Math.floor((Math.random() * 1000000) + 1); 
 (function() { 
 var scriptNames = [ 
 "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js", 
 "https://homepage/jscrips/script.js"
 ]; 
 var linkNames = [ 
 "https://homepage/css/style.css" 
 ]; 
 for (var i = 0; i < linkNames.length; i++) { 
 var link = document.createElement('link'); 
 link.rel = 'stylesheet' 
 link.type = 'text/css'; 
 link.href = linkNames[i]; 
 link.async = true; 
 document.head.appendChild(link); 
 } 
 for (var i = 0; i < scriptNames.length; i++) { 
 var script = document.createElement('script'); 
 script.src = scriptNames[i]; 
 script.async = true; 
 document.head.appendChild(script); 
 } 
 })();
...

Nun möchte ich die style.css noch mit "<link rel=preload>" versehen. Wo und wie füge ich diesen Zusatz mit ein.

Vielen Dank schon mal.

Na, wo sind denn hier die großen Javascript-Häuptlinge geblieben

Naja, ich habe da einen kleinen Hinweis von Tante Google erhalten, das die restlichen 2% zu 100 vom Laden dieser CSS abhängen.

Da sie aber über ein Script aufgerufen wird, denke ich, es handelt sich um die Einbindung ins Javascript, oder nicht?

Die Tante meint, das ich mit "<link rel=preload>" dann 100% erreichen könnte. Deswegen meine Frage im JavaSrcipt-Forum.

Beim Ändern des jetzigen "stylesheet" in "preload" arbeitet der Banner nicht mehr korrekt, hatte ich schon versucht.