Velocizzare la comparsa di un banner

[bgiordy]

Scusate la mia assoluta ignoranza sull'argomento.

Gestisco questo piccolo e vecchio sito in HTML: http://www.istitutostoriaecclesiasti...net/index.html, dove ho aggiunto un banner per i cookie trovato in rete e adattato.
Siccome la sua comparsa avviene con un certo ritardo - uno fa a tempo a cambiare pagina - volevo sapere se si può velocizzare, tipo quello che ho messo in un altro sito: https://www.gmpe.it/

Lo script è:

let popUp = document.getElementById("cookiePopup");
//When user clicks the accept button
document.getElementById("acceptCookie").addEventLi stener("click", () => {
//Create date object
let d = new Date();
//Increment the current time by 1 minute (cookie will expire after 1 minute)
d.setMinutes(2 + d.getMinutes());
//Create Cookie withname = myCookieName, value = thisIsMyCookie and expiry time=1 minute
document.cookie = "myCookieName=thisIsMyCookie; expires = " + d + ";";
//Hide the popup
popUp.classList.add("hide");
popUp.classList.remove("show");
});
//Check if cookie is already present
const checkCookie = () => {
//Read the cookie and split on "="
let input = document.cookie.split("=");
//Check for our cookie
if (input[0] == "myCookieName") {
//Hide the popup
popUp.classList.add("hide");
popUp.classList.remove("show");
} else {
//Show the popup
popUp.classList.add("show");
popUp.classList.remove("hide");
}
};
//Check if cookie exists when page loads
window.onload = () => {
setTimeout(() => {
checkCookie();
}, 2000);
};

ciao e grazie

[KillerWorm]

Ciao, prendi l'ultima parte:

//Check if cookie exists when page loads
window.onload = () => {
  setTimeout(() => {
    checkCookie();
  }, 2000);
};

Qui viene richiamata la funzione checkCookie(). Il ritardo viene dato dal tempo di 2000 millisecondi (cioè 2 secondi) impostato per il setTimeout().

Il setTimeout non è altro che una funzione "timer" che serve appunto per eseguire una data funzione dopo un certo tempo.

Inoltre, il timer viene eseguito all'interno dell'evento window.onload , cioè dopo che è terminato il caricamento dell'intera pagina, comprese immagini e altri contenuti.

Se vuoi far apparire quel banner istantaneamente, all'apertura della pagina, puoi richiamare semplicemente la funzione checkCookie() senza specificare ne il setTimeout ne l'evento onload.

Teoricamente potresti quindi rimuovere quell'ultima parte e sostituirla alla semplice chiamata della funzione:

//Check if cookie exists when page loads
checkCookie();

Prova e fai sapere

[bgiordy]

Grazie infinite per la risposta precisa ed esauriente.
Ho messo 500 e ora funziona perfettamente.

Ciao e grazie ancora

[KillerWorm]

Ho messo 500 e ora funziona perfettamente.

Ciao e grazie ancora

Benissimo!
Buon proseguimento