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

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

Серьёзная тема
168
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 часов в день потратить, то можно будет запускать в продакшн :))))))
Новая тема
Вы не можете создавать новые темы.
Т.к. вы неавторизованы на сайте. Пожалуйста назовите себя или зарегистрируйтесь.
Список тем
лазерная резка металла

Команда специалистов ООО БАРТОН предоставляет качественные услуги лазерной резки металла в Нижнем Новгороде на профессиональном...

Переменный вольтметр Э8021

Вольтметр переменный Э8021 Отправка в регионы после оплаты. Измерительные головки для радиолюбителей Э8021 НОВЫЕ не...
Цена: 500 руб.

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

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

Подкладка КБ65 бу ГОСТ 16277-93 предлагаем к отгрузке

Подкладка КБ-65 ГОСТ 16277-2016, на складе в нескольких вариантах: новая, б/у. Доставка по России, или на самовывоз, с нашего...

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