Правила форума
для обязательного прочтения!
Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Статистика форума.автор Racoon Сегодня в 15:34
» не работает Тег <hr />
автор hawk9951 Вчера в 11:33
» Редактирование
автор irina27 Вчера в 10:10
» Виджет календаря
автор Дмитрий Зверев Сб 21 Апр - 23:20
» Как удалить с форума ссылки на 2x2 форум
автор Dana Domirani Сб 21 Апр - 16:06
» Представляем Пакеты услуг Forum2x2 : новый способ развития форума
автор KatrinaZ Чт 19 Апр - 17:24
» [Общая тема] Заявки на удаление сомнительной рекламы
автор abigal Чт 19 Апр - 14:32
» Вопрос от новичка
автор Dana Domirani Чт 19 Апр - 14:17
» Как убрать возможность писать для определенного гостя? (по айпи)
автор Alex317 Ср 18 Апр - 11:07
» Почему-то стал медленнее загружаться сайт, никаких изменений в последнее время не вносил.
автор Dantes Вт 17 Апр - 8:20
Интересные решения
Создание скрипта упрощённой версии для медленных соединений.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 2 • Поделиться •
Страница 1 из 2 • 1, 2
Создание скрипта упрощённой версии для медленных соединений.
Здравствуйте ещё раз.
очень часто хочется понапихать на портал побольше всего - и облако тегов, и десяток скриптов. Естественно, все эти радости отрицательно сказываются на скорости загрузки страницы. Ну а что делать пользователям с медленным соединением?
Так что вот что хотелось бы сделать: создать код, отслеживающий время полной загрузки страницы, как это сделано в Google Maps, и, если оно слишком большое, предлагающий использовать альтернативную, но облегчённую версию главной страницы. Ну а это уже не проблема - создать копию портала только с самыми необходимыми виджетами. Вот.
очень часто хочется понапихать на портал побольше всего - и облако тегов, и десяток скриптов. Естественно, все эти радости отрицательно сказываются на скорости загрузки страницы. Ну а что делать пользователям с медленным соединением?
Так что вот что хотелось бы сделать: создать код, отслеживающий время полной загрузки страницы, как это сделано в Google Maps, и, если оно слишком большое, предлагающий использовать альтернативную, но облегчённую версию главной страницы. Ну а это уже не проблема - создать копию портала только с самыми необходимыми виджетами. Вот.
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
для этого есть опера с ее специальным режимом для таких соединений. Турба, кажется
Antony-
-
Сообщения : 278
Возраст : 26
Регистрация : 2009-06-20
Благодарности : 21
Re: Создание скрипта упрощённой версии для медленных соединений.
Об этом возможно надо написать - здесь.
Re: Создание скрипта упрощённой версии для медленных соединений.
Турба нифига не помогает, поверь. Во всяком случае, всё равно всё очень медленно, к тому же турбо снижает качество картинок.
Разве это так уже невозможно? Например, обратный отсчёт, останавливающийся при полной загрузке страницы?
Разве это так уже невозможно? Например, обратный отсчёт, останавливающийся при полной загрузке страницы?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
Например - вот такой вариант. То есть берётся время при старте загрузки страницы, это значение присваивается переменной. Затем берётся время после загрузки (onLoad) и присваивается другой переменной. Ну а их разница и будет искомой. Дальше нужно сравнить заданное время загрузки с полученным, и если полученное больше, вывести на экран текст ссылки. Вот. Помогите только написать код.
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
Хм. Irbis, Lucky, Dana?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.


Если она у тебя со всем контентом - то зачем вычислять сколько она грузится? она всё равно загрузится полностью.
Если она у тебя пустая - то она загрузится примерно одинаково, что на быстром интернете, что на медленном.
darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
Как мне видится:
Сначала потребуется div с id="LSA" с нужным предупреждением и ссылками там где оно надо, с указанным style="display:none;"
Скрипт надо как-то положить в head
На работоспособность не претендую, "набросок", по идее после прочтения скрипта, через 2 секунды, должно запустить функцию ShowLowSpeedAttention(), которая сделает блок с предупреждением видимым...
Сначала потребуется div с id="LSA" с нужным предупреждением и ссылками там где оно надо, с указанным style="display:none;"
- Код:
<div id="LSA" style="display:none;">Если у вас медленное соединение с Интернет, можете посмотреть более легковесную версию портала: <a href="portal.htm">Портал Lite!</a></div>
Скрипт надо как-то положить в head
- Код:
function ShowLowSpeedAttention(){
document.getElementById('LSA').style.display = 'block';
}
var timer_id = setTimeout(ShowLowSpeedAttention, 2000);
На работоспособность не претендую, "набросок", по идее после прочтения скрипта, через 2 секунды, должно запустить функцию ShowLowSpeedAttention(), которая сделает блок с предупреждением видимым...
darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
Да, этот вариант достаточно дурацкий, твой конечно лучше. Просто это было единственное, что я нашёл.
А этот код нужно просто вставить в виджет?
А этот код нужно просто вставить в виджет?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
Давай завтра потестирую в песочнице, если чего толковое сделаю, то напишу.

darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
Работает, спасибо большое)
Последняя просьба. Сделать так, чтобы во время загрузки сверху появлялась картинка лоадинга, а после окончания - убиралась бы. Картинка будет вешаться примерно таким кодом:
А вот с функцией java script-а помоги))
Т.е. картинку должно быть видно, пока идёт загрузка и она исчезнет после её окончания.
Последняя просьба. Сделать так, чтобы во время загрузки сверху появлялась картинка лоадинга, а после окончания - убиралась бы. Картинка будет вешаться примерно таким кодом:
- Код:
<div id="myfooter" style="height: 20px; position: fixed; background-image: url('Картинка'); background-repeat: no-repeat; background-position: top center; width: 100%; margin: 0 auto; top: 0; left: 0; z-index: 1999; _display: none; text-align: center;"><div>
А вот с функцией java script-а помоги))
Т.е. картинку должно быть видно, пока идёт загрузка и она исчезнет после её окончания.
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
Ох, если не вдаваться в подробности, эту картинку нужно максимально высоко в body положить (выше контента) без display:none;, она загрузится раньше всего остального и отобразится.
Как вариант - записать в script в head
document.write(' ... здесь див с картинкой ... ');
Только там надо заменить внутри апострофы на кавычки или наоборот, чтобы они внутри не повторялись.
По идее, он должен записать div сразу же после загрузки head раздела (до начала загрузки body).
Потом надо как-то в onload для body записать
Другого датчика что страница загружена вроде нет...
Как вариант - записать в script в head
document.write(' ... здесь див с картинкой ... ');
Только там надо заменить внутри апострофы на кавычки или наоборот, чтобы они внутри не повторялись.
По идее, он должен записать div сразу же после загрузки head раздела (до начала загрузки body).
Потом надо как-то в onload для body записать
- Код:
document.getElementById('myfooter').style.display = 'none';
Другого датчика что страница загружена вроде нет...
darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
darkWol, прости, слишком много текста) В ява скрипте я - ноль. В html, кстати, почти тоже.
То есть должно выглядеть всё это в виджете как?
То есть должно выглядеть всё это в виджете как?
- Код:
<script language="javascript" type="text/javascript">document.write(' Тот код сверху')
function onLoad () {document.getElementById('Имя дива').style.display = 'none';}</script>
Последний раз редактировалось: Драйкон (Чт 2 Сен - 20:40), всего редактировалось 1 раз(а) (Обоснование : Забыл фигурную скобку)))
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
А ты это всё в виджет?
onload это параметр body
Я так понимаю нам такой уровень редактирования в phpBB3 недоступен.
onload это параметр body
- Код:
<body onload="">
Я так понимаю нам такой уровень редактирования в phpBB3 недоступен.
darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
Насчёт датчиков - вот тут. Четвёртый пост. Этот тот OnLoad?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
Ну... Код загрузки работает нормально. Теперь только с картинкой. Тоже через виджет.
??
- Код:
<script language="javascript" type="text/javascript">document.write(' Тот код сверху')
<body onload="{document.getElementById('Имя дива').style.display = 'none';}">
</script>
??
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
Например, в поиске google нашёл такой код ява -
Полный -
- Код:
google.load('search', '1');
google.setOnLoadCallback(function() {
Полный -
- Спойлер:
- Код:
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1');
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('006823346027066140514:wapj03wk7-4');
customSearchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
var options = new google.search.DrawOptions();
options.setAutoComplete(true);
customSearchControl.draw('cse', options);
}, true);
</script>
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
У нас body одно, оно уже есть в коде страницы...
А то что ты указал, там наверное jQuery нужно подключать, это вообще Api поиска от гугля вроде.
Попробуй что-нибудь такое:
А то что ты указал, там наверное jQuery нужно подключать, это вообще Api поиска от гугля вроде.
Попробуй что-нибудь такое:
- Код:
document.onload= function () {
document.getElementById('Имя дива').style.display = 'none';
};
darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
Отлично. Работает, спасибо. Слушай. Может, туториал создать?
- Код:
<div id="urlload" style="height: 20px; position: fixed; background-image: url('http://s001.radikal.ru/i196/1009/a8/12c4cec4ee9e.gif'); background-repeat: no-repeat; background-position: top center; width: 100%; margin: 0 auto; top: 0; left: 0; z-index: 1999; display: 'block'; text-align: center;"><div>
<script language="javascript" type="text/javascript">
window.onload= function () {
document.getElementById('urlload').style.display = 'none';
};
</script>
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
И хорошо, кстати, работает) Попробую сейчас сделать уход через свойство opacity. А java script поймёт что - то типа "opacity -=1;"?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
Слушай. Может, туториал создать?

Opacity не всеми браузерами понимается

По аналогии с display:
- Код:
document.getElementById('myfooter').style.opacity = '1.0';
document.getElementById('myfooter').style.opacity = '0.5';
вот только надо подумать, как это таймером соединить...
darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
Этот скрипт разве отслеживает время полной загрузки страницы, как это сделано в Google Maps, и, если оно слишком большое, предлагает использовать альтернативную, но облегчённую версию главной страницы?Отлично. Работает, спасибо. Слушай. Может, туториал создать?

Он просто показывает картинку пока не загрузится страница. Это глупо, потому что, например, если у вас на странице будет изображение какого-то счетчика с битой ссылкой вы на этот бегунок будете смотреть до посинения

43778- Новичок
- Сообщения : 11
Регистрация : 2010-06-23
Благодарности : 0
Re: Создание скрипта упрощённой версии для медленных соединений.
Нет. Второй скрипт просто показывает, что страница грузится. А первый, если время загрузки слишком большое, предлагает перейти на облегчённую версию портала.
darkWoL, заметил одну вещь. Код, выводящий ссылку на лёгкий портал - просто таймер. никак не зависящий от времени загрузки. => ссылка появится всё равно.
То есть нужно в window.onload прописать ещё и остановку таймера. Как это сделать?
darkWoL, заметил одну вещь. Код, выводящий ссылку на лёгкий портал - просто таймер. никак не зависящий от времени загрузки. => ссылка появится всё равно.
То есть нужно в window.onload прописать ещё и остановку таймера. Как это сделать?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
По идее таймер должен проверять, загрузилась ли страница, и только если нет, выводить текст.
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
Ну дык таймер он и есть таймер, его нужно останавливать при событии onload для тега body.
Нет у нас такого редактирования шаблонов, по крайней мере на phpBB3.
А насчёт посинения, каждый умный браузер сбрасывает соединение если ему нечего загружать.
Нет у нас такого редактирования шаблонов, по крайней мере на phpBB3.
А насчёт посинения, каждый умный браузер сбрасывает соединение если ему нечего загружать.
darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
Хм. А при событии onload для Window его нельзя остановить? Как ты это сделал с картинкой загрузки. Она работет - как только загружается страница, картинка исчезает.
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.
А вот оно как... Я то думал оно не работает.
Тогда добавить в функцию что для window.onload что-то такое:
По идее мы там в общем пространстве имён его запускаем и в сторонней функции должно сработать...
Тогда добавить в функцию что для window.onload что-то такое:
- Код:
clearTimeout(timer_id);
По идее мы там в общем пространстве имён его запускаем и в сторонней функции должно сработать...
darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
- Код:
<script language="javascript" type="text/javascript">function ShowLowSpeedAttention(){
document.getElementById('LSA').style.display = 'block';
}
var timer_id = setTimeout(ShowLowSpeedAttention, 8000);
window.onload= function () {clearTimeout(timer_id);
};</script><div id="LSA" style="display:none;"><center><strong>Возможно, у вас слишком медленное подключение к Интернету</strong>. Попробуйте <u><a href="/portal.forum?pid=4">облегчённую версию</a></u> главной страницы</center></div>
Не работает)
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: Создание скрипта упрощённой версии для медленных соединений.

- Код:
window.clearTimeout(timer_id);

darkWoL-
- Сообщения : 738
Регистрация : 2008-01-11
Благодарности : 111
Re: Создание скрипта упрощённой версии для медленных соединений.
А проверь мой код. Я правильно вставил функцию?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Страница 1 из 2 • 1, 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения