Χρονομετρείστε το άνοιγμα της σελίδας σας (κώδικας)- dr-blogger

Χρονομετρείστε το άνοιγμα της σελίδας σας (κώδικας)

Νέοι bloggers γεια σας !!!Σήμερα σας παρουσιάζω έναν κώδικα, που χρειαζόμαστε όλοι στο blog μας, για να βλέπουμε πόση ώρα χρειάζεται η σελίδα μας για να ανοίξει...έχω προσθέσει και μια εικόνα που δείχνει ότι η σελίδα φορτώνει... DEMO ΕΔΩ
Πρώτα απ' όλα πάμε Σχεδίαση => Επεξεργασία HTML και κρατάμε ένα αντίγραφο του κώδικα της σελίδας μας, πατώντας το "Λήψη πλήρους προτύπου" (μήπως κάνουμε καμία "πατάτα" και το χαλάσουμε)....μετά τσεκάρουμε το " Επέκταση προτύπων γραφικών στοιχείων"....
Στη συνέχεια με τον γνωστό τρόπο Ctrl+F, (Ctrl-F στα Windows, Cmd-F στο Mac) ψάχνουμε να βρούμε το : <head>
...και επικολλάμε τον παρακάτω κώδικα ΑΜΕΣΩΣ ΑΠΟ ΚΑΤΩ :


<script type='text/javascript'>
var d = new Date();
var starttime = d.getTime(); //Get the start time
</script>

...τώρα βρίσκουμε (CTRL+F) η φράση : </body>
...και ΠΡΙΝ από αυτή επικολλάμε το κώδικα:


<script type='text/javascript'>
var d2 = new Date();
var endtime = d2.getTime(); //Get the end time
//Find the difference between the start and end times
var totaltime = (endtime - starttime)/1000;
//Round 2 decimal places
var result = Math.round(totaltime*100)/100;
//Output results to a "P" element
document.getElementById("loadtime").innerHTML = "Page loaded in: "+ result +" seconds";
</script>


...και πατάμε αποθήκευση....
Τέλος βάζουμε σαν gadget =>(δείτε την εικόνα)

...τον εξής κώδικα :


<p id="loadtime"><img width="200" height="30" src="https://lh4.googleusercontent.com/-5Mo7qq6dOIk/Tm868uGm27I/AAAAAAAACF4/QfkJPCEBjjQ/loading4.gif" /></p>

....και μεταφέρουμε το gadget σε όποιο σημείο της σελίδας μας (συνήθως στη πλαϊνή στήλη) θέλουμε και πατάμε αποθήκευση!!!! DEMO ΕΔΩ

ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
Πηγή : bdlab.blogspot.com/
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}