Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




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

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

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

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

 <!-- page load timer start -->
<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 &quot;P&quot; element
document.getElementById(&quot;loadtime&quot;).innerHTML = &quot;Page loaded in: &quot;+ result +&quot; seconds&quot;;
</script>
<!-- page load timer end -->

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

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

<!-- Widget portion -->
<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'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

1 σχόλια:

9o Ολοήμερο Δημοτικό Σχολείο Αμαρουσίου είπε...

Το προσπάθησα πειράζοντας τον κώδικα
Ευτυχώς δεν το χαάλασα
Το πέρασα αλλά δεν λειτουργεί

η μπάρα συνέχεια φορτώνει αλλά δεν δείχνει αποτέλεσμα

Ευχαριστώ