--}}
Новая тема
Вы не можете создавать новые темы.
Т.к. вы неавторизованы на сайте. Пожалуйста назовите себя или зарегистрируйтесь.
Список тем

Хотел посоветоваться (JS Ajax HTML5 скорость работы)

Серьёзная тема
167
10
С друзьями на NN.RU
В социальных сетях
Поделиться
Pashtet
22.09.2017
Такая тема:
грузим сначала html резметку, вы видели как это бывает в facebook
затем ajax запросом берем данные кладем в localStorage
парсим шаблон разметки JavaScript-ом и выводим в браузер

Какие плюсы:
- Пользователь сразу видит что что-то загрузилось, продолжает ждать, а не уходит со страницы
- данные хранятся в localStorage при переходах между страницами все очень быстро

Минусы:
- не понятно как быть с localStorage если данные на сервере обновились
- стоит ли вообще заморачиваться если в конечном итоге можно тоже самое кешировать на сервере и отдавать готовый html без базы данных и пр обработки
- бОлшее количество запросов к серверу
- проблемы со старыми браузерами

получается минусов больше чем плюсов?
C@H
22.09.2017
а какого рода данные, если их много то и localStorage имеет ограничения.
Про обновления , если данные динамически не меняюьтся, то например при первом запуске можно обновлять, если меняются, то можете фиксировать в том же localStorage время загрузки последнего и обновлять через некий промежуток времени, ну и если пользак совершает манипуляции с данными, так же можете обновлять после например "подтверждения" действий пользаком.
Ну и надо не забывать, если объем данных велик, то возможно их стоит подтягивать кусками ибо уменьшить нагрузку на сервер и время загрузки(по мере необходимости пользаку)
Что касается большого количества запросов.... а какая разница будь это сайт или запрос по REST API, пользак же все равно смотрит данные и дергает сервак, а уж как он рендерит странички, на сервере или на клиенте это неважно, как бы манипуляции с DOM они тоже достаточно медленные
Ну и наконец если вы уж сильно печетесь за старые браузеры, то отправляйте их на лайтовую версию обычного сайта например.

По скорости работы мне оч понравился VueJs, шустрый, но недавно принесли приложение для мобильных на нем, как бы браузерная версия...так на старом андрюше 4.0.1 он просто заставил меня дико нервничать из за тормозов, хотя во всем более менее современном он был шутрым...решением было написать лайт версию для слабых устройств
Qavai
22.09.2017
Опишите всю цель, исходный материал и чего нужно достигнуть?
Тогда можно ответить на этот вопрос.
проблемы со старыми браузерами

У Фейсбука нет проблем, даже в Миниопере (старой) всё работает, она localStorage не поддерживает, да и возможности скриптов сильно ограничены вообще.

Дело в том что если такую фигню городить, придётся и обычный вариант рендеринга страницы целиком на стороне сервера тоже реализовывать, как для старых браузеров, так и для поисковиков главным образом.

не понятно как быть с localStorage если данные на сервере обновились

А с чего взяли что Фейсбук для этого использует localStorage? Глянул пару страниц, в localStorage пусто, в sesionStorage такие данные: sp_pi: {"pageInfo":{"scriptPath":"WebPermalinkStreamController","categoryToken":"7759a1e4","extraData":{"imp_id":"ab6536e1","entity_id":"100008388371651"}},"clickPoint":null,"time":1506103969289}

Но зачем вообще storage? Загрузили html страницу, получили аяксом с сервера данные, отрендерили коллбеком шаблон и всё. При повторной загрузке страницы получаете данные заново.

Но если уж очень хочется исползовать storage, imho лучше sessionStorage, а не localStorage, зачем пользователю профиль браузера замусоривать такими данными, которые не стираются при закрытии браузера? А актуальность данных не проблема проверять, таймстампы можно проверять как нибудь (пока страница открыта, можно хоть через вебсокеты в реальном времени передавать информацию об изменениях, лол).
C@H
25.09.2017
ну вот не всегда рендерить на серваке это есть хорошо, если например данные представлены в виде таблицы скрольной.....каждый раз подгружать новое не вариант, весь смысл в поэтапной подзагрузке и т п. Автор увы не указал своих целей.
Nird
25.09.2017
Поздравляю с изобретением фронтенд приложения)
FreeCat
26.09.2017
:-D *five*
:-D
ну Нирд отжог так отжог :))))
Pashtet писал(а)
грузим сначала html резметку, вы видели как это бывает в facebook

у каждого свой велосипед :-D :-D
у кого-то зелененький, у другого чугуниевый, у третьего сделанный из самоката :) :)
а если еще пару месяцев работы по 25 часов в день потратить, то можно будет запускать в продакшн :))))))
Новая тема
Вы не можете создавать новые темы.
Т.к. вы неавторизованы на сайте. Пожалуйста назовите себя или зарегистрируйтесь.
Список тем
Последние темы форумов
Конденсатор Ионистор Производитель: Elna

Ионистор Производитель: Elna America 22 штуки. Цена 250 рубшт. Супер конденсатор Ионисторы 1F*5,5 V ELNA 1 Ф, 5.5 В 1 фарад =...
Цена: 250 руб.

Разработка документов по охране труда (СУОТ)

Хотите обеспечить безопасность своих сотрудников и избежать штрафов за нарушения в области охраны труда? Мы поможем вам разработать все...

Kenwood CS-1045 Японии. Осциллограф

Осциллограф Kenwood CS-1045 Изготовлен в Японии. Цена 25000 руб. Отправка в регионы после оплаты. Питание 100 – 240...
Цена: 25 000 руб.

Измерители-сигнализаторы уровня.Уровнемер ИСУ100АИ

Измерители-сигнализаторы уровня.Уровнемер ИСУ100АИ Цена 7000 руб Отправка в регион после оплаты Не устанавливался . Только сам...
Цена: 7 000 руб.

Консультант в сфере телекоммуникаций Билайн
от 23 500 руб.
Без опыта, полная занятость
Оператор на телефоне, call-центр Билайн
от 23 500 руб.
Среднее образование, без опыта, полная занятость
Продавец-консультант (Нижний Новгород, ТЦ РИО) Розничная сеть МТС
38000 -
51000 руб.
Среднее образование, без опыта, полная занятость
Продавец в салон связи с. Дивеево Билайн
от 27 000 руб.
Среднее образование, без опыта, полная занятость