X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Preloader
ZhukV
ZhukV
Topic Starter сообщение 15.3.2010, 22:20; Ответить: ZhukV
Сообщение #1


Доброго времени суток всем. Вот и опять стыкнулся с прелоадером.
Как можна отследить, сколько картинок есть на сайте, и сколько из них уже зарузилось.
Прикол в том, что есть желание сделать прелоадер, который показывает в процентах уровень загрузки (типа как игра загружается).
Вот есть пример.
Это только начало. Когда установил ява скрипты в разным местах документа, чтоб хоть немного создать вид толкового прелоадера, то счытывается оно вместе с хтмл кодом, и как результат добавляет проценты по ходу считывания. Когда весь код документа загрузился, начинает грузит обекты. В результате, прелоадер стоит на 100%, и я сижу втыкаю еще с 2 сек, пока загрузятся картинки.
Тестировал только в ОПЕРЕ 10.10
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 16.3.2010, 6:33; Ответить: Alcorn
Сообщение #2


У картинок есть "onload", но мне кажется сама идея прелоадера с процентами бессмысленна.
Первая картинка может весить 1кб, а вторая 100кб, тем более картинки часто идут фоном в css.
Точно загрузку определить можно с сервера, путём подсчёта переданных байт клиенту относительно байт ожидающих передачу (общее количество байт для передачи нужно знать заранее, пересчитав размеры передаваемых файлов на диске + учитывать два вида сжатия - deflate и gzip, которые впрочем чередуются в разных браузерах), причём считать придётся параллельно для каждого tcp-соединения. Ну а получившийся процент слать через ajax клиенту в прелоадер.
А самое главное - зачем это всё?
Точный прелоадер делать неактуально, а левые циферки можно и наугад вывести. Дойти например до 90%, остановиться, а потом бац и выдать 100% сразу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 16.3.2010, 11:27; Ответить: pomp
Сообщение #3


ZhukV,Сейчай нужно наоборот стремиться "облегчить" страницу, а не верстать ее так, что бы понадобился прелодер. ИМХО :rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
Topic Starter сообщение 16.3.2010, 15:00; Ответить: ZhukV
Сообщение #4


(pomp @ 16.3.2010, 13:27) *
ZhukV,Сейчай нужно наоборот стремиться "облегчить" страницу, а не верстать ее так, что бы понадобился прелодер. ИМХО

Наверняка ты прав. Но просто на сайте есть очень много картинок, которые генерируются при помощи пхп, а есть вообще некоторые, которые также генерируются при помощи пхп, но совсем из другого сервера.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 16.3.2010, 15:47; Ответить: pomp
Сообщение #5


ZhukV, не важно, с помощью чего они генерируются. Важно - сколько страница весит на выходе. Если до 150кб. Это хорошо. Если меньше - это очень хорошо:)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
Topic Starter сообщение 16.3.2010, 16:13; Ответить: ZhukV
Сообщение #6


(pomp @ 16.3.2010, 17:47) *
Если до 150кб.

Если бы та кобы.... :nea:
Фон только весит около 100 Kb
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 16.3.2010, 17:23; Ответить: pomp
Сообщение #7


ZhukV,слово "оптимизация" знакомо? :)
(ZhukV @ 16.3.2010, 18:13) *
Фон только весит около 100 Kb

Я бы сказал 154,9Kb
сколько весит моя картинка?
Ну и верстка пошаливает. На сайте ничего нет, а вес страници 214Кб....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 16.3.2010, 18:55; Ответить: Zippovich
Сообщение #8


(pomp @ 16.3.2010, 17:47) *
ZhukV, не важно, с помощью чего они генерируются. Важно - сколько страница весит на выходе. Если до 150кб. Это хорошо. Если меньше - это очень хорошо:)


Еще важно кол-во запросов к серверу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
Topic Starter сообщение 16.3.2010, 19:12; Ответить: ZhukV
Сообщение #9


(pomp @ 16.3.2010, 19:23) *
Ну и верстка пошаливает.

Полскажи плиз, где именно?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 16.3.2010, 19:40; Ответить: pomp
Сообщение #10


ZhukV, ну она массивная! Зачем столько таблиц?
Есть моменты с незакрытыми параметрами стиля
style="margin-top:0px; float:left"

Два раза закрыт стиль в хедере, да и многие параметры стиля можно вынести в отдельный файл, минимальная высота установлена сносками <br>))))
Да, это все мелочи - но для того вида, что вы имеете сейчаc - очень громоздкий код. Юзайте блоки!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:45
Дизайн