⏱️ 3 Script | chargement de la page en milisecondes • ⚡
Chargement en cours...
⏱️ 3 Script | chargement de la page en milisecondes • ⚡ Scripte (1)
/************************************************/ Scripte (1) balise body Script chargement de la page en milisecondes /************************************************/ <body onload="seconds=Compilation();"> <script type="text/javascript" language="javascript"> var unique = 0; first = new Date; first = first.getTime(); function Compilation() {last = new Date; last = last.getTime(); seconds = (last - first) /1000; time.innerHTML = "Compilé en "+seconds +" secondes";} </script> <div id="time" style="color:#990099;">Chargement en cours...</div>
⏱️ 3 Script | chargement de la page en milisecondes • ⚡Scripte (2)
/************************************************/ Scripte (2) sans body Script chargement de la page en milisecondes /************************************************/ <div id="time">Chargement en cours...</div> <script type="text/javascript" language="javascript"> // Début de la mesure dès que le script commence à s'exécuter const startTime = performance.now(); /** * Calcule et affiche le temps écoulé entre le début du script et le rendu du DOM. */ function displayCompilationTime() { // Mesure le temps écoulé en millisecondes const endTime = performance.now(); const elapsedTime = endTime - startTime; // Convertit en secondes et limite à 4 décimales const seconds = (elapsedTime / 1000).toFixed(4); const timeElement = document.getElementById('time'); // Affichage du résultat if (timeElement) { timeElement.innerHTML = `<span style="color:#990099; font-size:10px;">Page compilé et affiché en ${seconds} secondes.</span>`; } } // Écoute l'événement DOMContentLoaded pour appeler la fonction dès que le DOM est prêt. // C'est plus précis et plus rapide que l'événement 'load' du body. document.addEventListener('DOMContentLoaded', displayCompilationTime); </script>