blog/layouts/partials/donnees-chargement.html
gribse 5a9c899ea7
Some checks are pending
/ test (push) Waiting to run
Update data usage display text for clarity
2025-04-21 20:15:12 +02:00

28 lines
No EOL
916 B
HTML

<!--
Code volé chez lucien
https://git.shenanigans.cc/globuzma/blog/commit/695e63b275ca03ec53a099d68f274c9466d0539f
-->
<p class="small-text" id="data-used">0kB chargés</p>
<script>
window.addEventListener('load', function () {
let totalTransferSize = 0;
performance.getEntriesByType('resource').map((resource) => {
const data = resource.toJSON();
totalTransferSize += data.transferSize;
});
console.log((totalTransferSize / 1024)/1024)
console.log(totalTransferSize/(1024*1024))
sizeString = totalTransferSize + "B"
if( totalTransferSize / (1024*1024) > 1) {
sizeString = Math.round(100*totalTransferSize/(1024*1024))/100 + "MB"
} else if (totalTransferSize / 1024 > 1) {
sizeString = Math.round(100*totalTransferSize / 1024)/100 + "kB"
}
document.getElementById("data-used").innerHTML = "<em>" + sizeString + "</em> chargés"
})
</script>