Помощник
 |
|
|
|
|
Сообщение сайта
|
 как расчитать время загрузки картинки в браузер? |
cx717
|
Сообщение
#1
|
||
 0  Группа: User Сообщений: 73 Регистрация: 2.10.2007 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Exterior
|
 25.6.2008, 0:20;
Ответить: Exterior
Сообщение
#2
|
 0 Группа: User Сообщений: 1780 Регистрация: 15.11.2007 Поблагодарили: 0 раз Репутация: 0
|
cx717, создаете пустую html-страницу в ней скрипт примерно след. содержания: условно поделим тело скрипта на 3 части - верхнюю, среднюю и нижнюю. В верхней создаете объект date текущего времени, в средней методом, например, document.write, прописываете теги с картинкой(ами), в нижней части создаете еще один объект date и вычисляете разницу между значением "верхнего" date и "нижнего". Полученный результат и должен быть временем загрузки картинок.
|
|
|
|
|
Webmaster_hb
|
25.6.2008, 0:56;
Ответить: Webmaster_hb
Сообщение
#3
|
 0 
 Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
cx717, думаю несколько картинок загрузятся быстрее, т.к. на каждую будет создан отдельный поток и сессия для веб-сервера, да и при резке за счет качества можно уменьшить объём
но все это только догадки, эксперимент развеет любые соменения |
|
|
|
|
cx717
|
Сообщение
#4
|
|
0 Группа: User Сообщений: 73 Регистрация: 2.10.2007 Поблагодарили: 0 раз Репутация: 0
|
Exterior, я тут набросал такой вот код:
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=windows-1251"> <meta http-equiv="imagetoolbar" content="no"> <link rel="stylesheet" type="text/css" href="/css/style.css"> </head> <body> <script language="JavaScript"> <!-- hide now= new Date(); var t1=now.getTime(); document.write ("<img src=\"images/logo.jpg\" alt=\"\" width=\"1000\" height=\"30\" border=\"0\">"); var t2=now.getTime(); var a=t2-t1; document.write( "t1 ="+ t1 +"<br>"); document.write( "t2 ="+ t2 ); // --> </script> </body> </html> t1 и t2 оказываются равны друг другу. Я не силен в JS, помогите плз. |
|
|
|
|
Exterior
|
25.6.2008, 14:45;
Ответить: Exterior
Сообщение
#5
|
|
0 Группа: User Сообщений: 1780 Регистрация: 15.11.2007 Поблагодарили: 0 раз Репутация: 0
|
cx717, я делал так:
<script type="text/javascript"> <!-- var before = new Date(); document.write("<img src='pic1.jpg'>"); document.write("<img src='pic2.jpg'>"); var after = new Date(); document.write("Скорость загрузки: "+(after.getTime()-before.getTime())+" ms"); //--> </script> еще можно этот скрипт разделить на 2-е части таким образом: <body> <script type="text/javascript"> <!-- var before = new Date(); //--> </script> <img src="pic1.jpg"> <img src="pic2.jpg"> <script type="text/javascript"> <!-- var after = new Date(); document.write("Скорость загрузки: "+(after.getTime()-before.getTime())+" ms"); //--> </script> </body> Есть еще один интересный вариант, но понадобится сервер (я тестировал на Apache): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>test</title> <script type="text/javascript"> <!-- var before = (new Date()).getTime(); function after() { (new Image()).src = 'timer.gif?u=' + self.location + '&t=' + (((new Date()).getTime() - before) / 1000); } //--> </script> </head> <body onload="after()"> <img src="pic1.jpg"> <img src="pic2.jpg"> </body> </html> создаем пустой time.gif в папке со страницей, затем после открытия ее в браузере ищем в access.log строчку вида "127.0.0.1 - - [25/Jun/2008:13:18:57 +0300] "GET /timer.gif?u=http://site.by/test.html&t=0.172 HTTP/1.1" 200 988", где 0.172 - потраченное время на загрузку test.html в секундах. |
|
|
|
|
Merlin_hb
|
25.6.2008, 15:13;
Ответить: Merlin_hb
Сообщение
#6
|
|
 0 Группа: User Сообщений: 225 Регистрация: 25.5.2008 Поблагодарили: 0 раз Репутация: 0
|
Опыт конечно хорошо но у меня есть мнение что одной картинкой будет быстрее - у ие платформа не расчитана на асинхроную загрузку. Иначе проблемы переполнения стека во время работы были бы очень большими. Да и остальные браузеры. Сервер создавая поток отдает файл не целиком, а частично - то есть. Мало того что картинки грузятся по очереди, так еще и не сразу - время отдачи контента ничего не скажет. Т.к. там будет учитыватся время от отдачи скриптом или сервером хейдара до тупо закрытия ссесии. + врямя скорости канала. и т.д.
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19812 | Сегодня, 13:52 автор: Vmir |
 |
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3444 | Сегодня, 11:54 автор: Skyworker |
|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 1 | Boymaster | 512 | Сегодня, 11:45 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5008 | 20.4.2024, 16:49 автор: Liudmila |
|
Арбитражники, как ведете учет расходов и доходов? | 13 | Boymaster | 2018 | 20.4.2024, 15:06 автор: Boymaster |
|
Текстовая версия | Сейчас: 23.4.2024, 23:31 |
