Использование JavaScript и локального хранилища для незначительных изменений страницы (на примере личного кабинета)

@Kifsif · Регистрация: 12.06.2011

Студворк — интернет-сервис помощи студентам

Видео: https://youtu.be/gBT4uxtSkFY?t=540
Начало темы с 9:00.

А где-то с 9:08 лектор говорит: проблема в том, что одна из самых худших вещей с точки зрения призводительности веб-сайта - отображение имени юзера в правом верхнем углу сайта. Страница совершенно статична. Ничего не меняется. Но надо обязательно сказать: "Здравствуй, Кристоф". Это ломает статичность страницы.

Решение проблемы:
1) В куку имя пользователя класть не надо - это поломает кэш.
2) Используем JavaSctipt и получаем имя пользователя с сервера. Кладем в локальное хранилище.
4) Из локального хранилища получаем данные и помещаем на страницу.

Народ жаждет видеть имя пользователя в углу страницы.

Начал думать - идея понравилась. Давай смотреть примеры - например, mail.ru в локальном хранилище хранит емейл. Он его отображает на морде. Ну, и хранит, видимо.

У Гугля и у Яндекса не нашел такого. Но id юзера они там хранят, вроде.

Пока идею я не могу ухватить.

На каждой странице проверяем, есть ли в локальном хранилище имя пользователя.
Если нет, тянем с помощью AJAX...
А что тянем? У нас есть сессия в куке. Можно AJAX'ом кинуть идентификатор сессии на сервер, и обратно получить имя пользователя. Но - опять же - идентификатор сессии в куке. От кук никуда не уйти. Хотя, любой запрос на сервер позволяет идентифицировать юзера. Т.е. даже кидать идентификатор специально не надо - сам полетит, ибо кука обязана полететь. В общем, почитать бы про это. Непонятно ничего.

Был бы признателен за комментарий.

@Balanaar · 11.09.2017, 11:01

Авторизация так или иначе осуществляется сервером. Так почему бы серверу в процессе формирования страницы не выводить имя пользователя в разметку? Зачем такие сложности?

@Kifsif · 11.09.2017, 11:11 **[ТС]**

Пусть на странице есть некий список. Т.е. цикл в шаблоне.

Если Варниш имел эту страницу в разогретом кэше, и, не доходя до бизнес-логики, ее выдал - это будут единичные миллисекунды.

Если же пропустить страницу на уровень приложения, то это будет 1-2 секунды уже. Т.е. если будет закэширован средствами фреймвока фрагмент шаблона с циклом, то результатом будет 1000 миллисекунд. Если же не кэшировать вообще - 2000 миллисекунд. Если я нигде не ошибся в экспериментах.

Так что, мне кажется, логика лектора хороша.

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

@james6 · 12.09.2017, 06:51

идея понравилась.
______
javascript obfuscator

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@Kifsif 145 / 113 / 31 Регистрация: 12.06.2011 Сообщений: 1,246

	Использование JavaScript и локального хранилища для незначительных изменений страницы (на примере личного кабинета) 11.09.2017, 10:44. Показов 816. Ответов 3 Метки нет (Все метки) Видео: https://youtu.be/gBT4uxtSkFY?t=540 Начало темы с 9:00. А где-то с 9:08 лектор говорит: проблема в том, что одна из самых худших вещей с точки зрения призводительности веб-сайта - отображение имени юзера в правом верхнем углу сайта. Страница совершенно статична. Ничего не меняется. Но надо обязательно сказать: "Здравствуй, Кристоф". Это ломает статичность страницы. Решение проблемы: 1) В куку имя пользователя класть не надо - это поломает кэш. 2) Используем JavaSctipt и получаем имя пользователя с сервера. Кладем в локальное хранилище. 4) Из локального хранилища получаем данные и помещаем на страницу. Народ жаждет видеть имя пользователя в углу страницы. Начал думать - идея понравилась. Давай смотреть примеры - например, mail.ru в локальном хранилище хранит емейл. Он его отображает на морде. Ну, и хранит, видимо. У Гугля и у Яндекса не нашел такого. Но id юзера они там хранят, вроде. Пока идею я не могу ухватить. На каждой странице проверяем, есть ли в локальном хранилище имя пользователя. Если нет, тянем с помощью AJAX... А что тянем? У нас есть сессия в куке. Можно AJAX'ом кинуть идентификатор сессии на сервер, и обратно получить имя пользователя. Но - опять же - идентификатор сессии в куке. От кук никуда не уйти. Хотя, любой запрос на сервер позволяет идентифицировать юзера. Т.е. даже кидать идентификатор специально не надо - сам полетит, ибо кука обязана полететь. В общем, почитать бы про это. Непонятно ничего. Был бы признателен за комментарий. 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	11.09.2017, 11:01
	Авторизация так или иначе осуществляется сервером. Так почему бы серверу в процессе формирования страницы не выводить имя пользователя в разметку? Зачем такие сложности? 0

@Kifsif 145 / 113 / 31 Регистрация: 12.06.2011 Сообщений: 1,246
	11.09.2017, 11:11 [ТС]
	Пусть на странице есть некий список. Т.е. цикл в шаблоне. Если Варниш имел эту страницу в разогретом кэше, и, не доходя до бизнес-логики, ее выдал - это будут единичные миллисекунды. Если же пропустить страницу на уровень приложения, то это будет 1-2 секунды уже. Т.е. если будет закэширован средствами фреймвока фрагмент шаблона с циклом, то результатом будет 1000 миллисекунд. Если же не кэшировать вообще - 2000 миллисекунд. Если я нигде не ошибся в экспериментах. Так что, мне кажется, логика лектора хороша. Еще раз - речь о серьезных сайтах, с нагрузкой. Цифры я привел - для одного юзера. Если нагрузить этот сайт, он вообще может тупить с рендерением страницы. 0

@james6 0 / 0 / 0 Регистрация: 12.09.2017 Сообщений: 1
	12.09.2017, 06:51
	идея понравилась. ______ javascript obfuscator 0