ďťż

[php][js] Czas ładowania Skryptu (wybranego); strony

       

Podstrony


telcocafe

Witam :)

Zastanawiam się, jak zaprezentować na stronie:

- czas ładowania wybranego skryptu php np. pliku a.php
(dzięki temu można by porównywać szybkość danego serwera)

- czas ładowania strony tzn. do momentu kompletnego załadowania u usera

Z góry dziękuję za odpowiedź

ps.
dodatkowe pytanie:
preloading w JS:
- jak zrobię bazę tego co ma się wczytać w preloadingu
- uruchomię tą bazę tzn. będę ładować każdy element
- ustanowię, iż po zakończeniu ładowania wystartuje strona
Czy to działa tak na prawdę?



1. Hmmm... prędzej można obliczyć czas wykonywania skryptu w pliku a.php

2. Na podstawie Eksperta 4/2005
#funkcja obliczająca function PobierzCzas() {  list($usec, $sec) = explode(" ", microtime());  return ((float)$usec + (float)$sec); } #na samym początku skryptu $start = PobierzCzas(); #na samym końcu $stop = PobierzCzas(); printf("Strona została wygenerowana w %.3f sek.',$stop-$start);

co do preloadera w JSie... kiedyś to znalazłem:
<html> <head> <style type="text/css"> <!-- BODY { font-family: Verdana, 'Courier New'; font-size: 10pt; } --> </style> <script language="Javascript1.1" type="text/javascript"> <!--// var goTo = "index2.html" ; var barWidth = 200 ; var barHeight = 13 ; var imgtoPreload = new Array("obrazek1.gif", "obrazek2.gif", "obrazek3.gif"); if (document.images) { var barImg = new Array() ; barImg[0] = new Image(1,1) ; barImg[0].src = "black.gif" ; barImg[1] = new Image(1,1) ; barImg[1].src = "blue.gif" ; var imgtoNow = new Array(),coverage = Math.floor(barWidth/imgtoPreload.length),currCount = 0 ; var loaded = new Array(),i,covered,timerID ; var barWidthL = barWidth%coverage ; } function loadImages() { for (i = 0; i < imgtoPreload.length; i++) { imgtoNow[i] = new Image() ; imgtoNow[i].src = imgtoPreload[i] ; } for (i = 0; i < imgtoNow.length; i++) { loaded[i] = false ; } checkLoad(); } function checkLoad() { if (currCount == imgtoNow.length) { location.replace(goTo); return; } for (i = 0; i <= imgtoNow.length; i++) { if (loaded[i] == false && imgtoNow[i].complete) { loaded[i] = true ; eval("document.img" + currCount + ".src=barImg[1].src"); currCount++ } } timerID = setTimeout("checkLoad()",10) } //--> </script> </head> <body> <center> ladowanie Strony... Prosze czekac..<br /> <script language="Javascript1.1" type="text/javascript"> <!--// if (document.images) { var preloadBar = ''; for (i = 0; i < imgtoPreload.length-1; i++) { preloadBar += '<img src="' + barImg[0].src + '" width="' + coverage + '" height="' + barHeight + '" name="img' + i + '">'; } preloadBar += '<img src="' + barImg[0].src + '" width="' + (barWidthL+coverage) + '" height="' + barHeight + '" name="img' + (imgtoPreload.length-1) + '">'; document.write(preloadBar); loadImages(); } //--> </script> <br /> Jesli Pasek Postępu zatrzymał się kliknij <a href="index2.htm"><b>tutaj</b></a>... </center> </body> </html>
może się przyda ;)

Znalazłem kiedyś coś takiego :)

Javascript Page Preloader 1.0

Javascript Page Preloader Publisher's Description
Displays loading messages before page be loaded completely. The loading message will be cleared when page finished loading. It is very easy to be added to your own pages by clicking the mouse to copy and paste some codes.




Dziękuję za pomoc :)
Co do kodu php domyślałem się, iż można użyć metody (up-down)...
Jednak preloading mnie przeraził :P
Spory skrypt....
Thx...pokombinuję coś jeszcze...jak znajdę rozwiązanie - napiszę :)

Tak się zastanowiłem i sobie przypomniałem o Ekspercie 3/2005:
<html> <head> <style> #preloader { position: static; height: 100%; width: 100%; background: #E8EADC; display: block; z-index: 100; } #strona { display: none; } </style> <script> function schowaj(){ document.getElementById("preloader").style.display='none'; document.getElementById("strona").style.display='block'; } </script> </head> <body onload="javascript:schowaj();"> <div id="preloader"> <table width="100%" height="100%"><tr> <td width="100%" height="100%" align="center" valign="middle"> <h2>Trwa ładowanie strony</h2> </td> </tr></table> </div> <div id="strona"> treść strony <div> </body> </html>
Użytkownik pbnan edytował ten post 16 maj 2006, 12:15

Tak się zastanowiłem i sobie przypomniałem o Ekspercie 3/2005:
<html> <head> <style> #preloader { position: static; height: 100%; width: 100%; background: #E8EADC; display: block; z-index: 100; } #strona { display: none; } </style> <script> function schowaj(){ document.getElementById("preloader").style.display='none'; document.getElementById("strona").style.display='block'; } </script> </head> <body onload="javascript:schowaj();"> <div id="preloader"> <table width="100%" height="100%"><tr>   <td width="100%" height="100%" align="center" valign="middle">   <h2>Trwa ładowanie strony</h2>   </td> </tr></table> </div> <div id="strona"> treść strony <div> </body> </html>


czytales?
...

Oczywiście, że czytałem ;)
Ale nie przed wysłaniem mojego drugiego posta w tym temacie :D


Jednak preloading mnie przeraził tongue.gif
Spory skrypt.... (to znaczy: zbyt złożony - dop. pbnan)

Nic, co porządne, nie będzie proste do oprogramowania ;)

Tak więc sorry za małą nieuwagę.
Użytkownik pbnan edytował ten post 16 maj 2006, 16:30
OK zobaczę co da się zrobić.
Pogrzebię, pogrzebię i wyszkubię coś :P
Spox...to że coś jest trudne/duże hehe to nie jest problem.
Problem, jak to wyjaśnić!
Otóż czasy ładowań, preloading potrzebowałem do pracy licencjackiej.
Udało mi się ostatnio opracować skórki :)

Czasy ładowań chciałem wykorzystać w najprostszej postaci do testowania serwerów.

Pozdrawiam

ps. dziękuję za pomoc :D
Użytkownik TomaszTEO edytował ten post 18 maj 2006, 22:30
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.