Приветствую
Цели:
1. дать возможность пользователям гулять по сайту и слушать музыку, которая не будет прерываться.
2. ускорить загрузку страниц, уменьшив размер трафика с сервера к клиенту
На демо сайте я разместил аудио виджет. Посмотреть как работает можно запустив музыку и переходя на различные страницы сайта.
Работа еще в самом разгаре — не все встроенные скрипты InstantCMS 2.* поддерживаются как надо.
Аякс аяксом, но это никак не влияет на индексацию — для поисковиков ссылки работают как обычно. И кнопки "назад" / "вперед" в браузере работают корректно. Да и ссылки можно отправить друзьям — они откроются как надо. Заголовок страницы так же меняется корректно.
Что-то подобное у меня уже работало еще на версии 1.9. Но там это был только один компонент, а тут уже результат интересней.
Виджет с музыкой по центру.
Виджет с музыкой в правом верхнем углу.
PS возможно, вконтакте повторить не получится (в плане прослушивания музыки), но как минимум трафик мы сэкономим и сайт ускорим.
Цели:
1. дать возможность пользователям гулять по сайту и слушать музыку, которая не будет прерываться.
2. ускорить загрузку страниц, уменьшив размер трафика с сервера к клиенту
На демо сайте я разместил аудио виджет. Посмотреть как работает можно запустив музыку и переходя на различные страницы сайта.
Работа еще в самом разгаре — не все встроенные скрипты InstantCMS 2.* поддерживаются как надо.
Аякс аяксом, но это никак не влияет на индексацию — для поисковиков ссылки работают как обычно. И кнопки "назад" / "вперед" в браузере работают корректно. Да и ссылки можно отправить друзьям — они откроются как надо. Заголовок страницы так же меняется корректно.
Что-то подобное у меня уже работало еще на версии 1.9. Но там это был только один компонент, а тут уже результат интересней.
Первый шаблон
перейтиВиджет с музыкой по центру.
Второй шаблон
перейтиВиджет с музыкой в правом верхнем углу.
PS возможно, вконтакте повторить не получится (в плане прослушивания музыки), но как минимум трафик мы сэкономим и сайт ускорим.
Реклама #
eoleg 10 лет назад #
А то надоест до чертиков.
eoleg 10 лет назад #
Су-27 10 лет назад #
Су-27 10 лет назад #
SJen 10 лет назад #
Конечно, в нем должно быть больше одной песни - это уже другой вопрос.
Олег Васильевич я 10 лет назад #
eoleg 10 лет назад #
qb 10 лет назад #
ALreD 10 лет назад #
qb 10 лет назад #
qb 10 лет назад #
SJen 10 лет назад #
Да, это javascript - скрипты не всегда успевают сделать свое дело. Есть такое - думаю как это побороть
SJen 10 лет назад #
С этим я разобрался, быстрый переход по ссылкам не портит картины.
Нил™ 10 лет назад #
SJen 10 лет назад #
Олег Васильевич я 10 лет назад #
eoleg 10 лет назад #
SJen 10 лет назад #
Def 10 лет назад #
SpideR 10 лет назад #
Не вздумайте забрасывать эту идею.
RSN 10 лет назад #
Евгений все нормально, ждем Ваших разработок...
AndroS 10 лет назад #
SJen 10 лет назад #
Я там не ставил целью выложить кроссбраузерный звук, сейчас придумаю что-нибудь (может онлайн радио выложу)
Крот 10 лет назад #
добавлю свою ложку дегтя -
1) проект obf.fullajax уже 4 года как не поддерживается а браузеры все новее и новее
2) версия icms новая а велосипеды все старые, говорить "работает же" - winxp тоже неплохая чтож все на семерку то переходят
3) по
феншуюаяксу передавать надо json а не весь html - двиг вроде уже поддерживает, криво правда но все же- зачем лишний раз грузить слабые виртуальные хостинги
никак не вырастет инстант
Fuze 10 лет назад #
А по сабжу, это если делать, то делать "из коробки".
Крот 10 лет назад #
а) получить данные из БД, собрать "шаблон" на сервере, передать весь этот html клиенту
или
б) получить данные из БД, отдать json массив с данными (без шаблона) - шаблон соберется в браузере
а если одновременно сто запросов?
а тысяча?
что быстрее?
SJen 10 лет назад #
а шаблон значит хранить будем на клиенте, то есть сначала нужно загрузить весь шаблон - все файлы шаблона каждому посетителю и роботу? - собирать то клиент будет. Или я не понимаю фишку или тут что-то очень замороченное.. Получить данные из БД это лишь малая часть работы по сборке шаблона. Дальше идет применение огромного числа правил, которые реализуются компонентами и настройками доступа.
SJen 10 лет назад #
сто запросов?
а тысяча? что быстрее?
сто запросов при аяксовом обновлении страниц меньше нагрузят сервер, чем сто простых обновлений страницы.
тысяча запросов аналогично будет быстрее с аяксом. Мы же сравниваем нагрузку при прочих равных условиях?
Крот 10 лет назад #
просто необходимо отделять бизнес-логику от представления, это очень сильно облечает и сопровождение и доработку
SJen 10 лет назад #
html передается только тот, который надо отобразить на экране, ничего больше. Основная верстка уже есть у клиента и она не подгружается. У меня обновляется позиций 19 виджетов. В реальном проекте будет обновляться позиции три-четыре (большинство виджетов не будут меняться от страницы к странице).
Крот 10 лет назад #
пока от html5 я увидел только <header> <nav> и <article> и другие структурные html элементы
maxisoft 10 лет назад #
Крот 10 лет назад #
Fuze 10 лет назад #
1. телом контроллера
2. массивом виджетов по позициям
3. название страницы
4. скрипты
В js же расставлять все на свои места. Кроме этого для виджетов внести настройку "не менять(не загружать) при fullajax".
Вот наверное примерно такой алгоритм имхо.
Smith 10 лет назад #
Крот 10 лет назад #
хотя поисковики, говорят уже умеют ходить по javascript`У
а чтобы за клоакинг по голове не получить - используются шаблонизаторы, могущие работать как на сервере так и на клиенте
и в html5 уже встроен history api - вполне так полноаяксовый одностраничник можно сделать самому
это моя такая навязчивая идея, извините, если кого обидел своими словами, я не хотел этого
SJen 10 лет назад #
Второй шаблон на текущий момент более доработанный в плане работы с аяксом.
ice 10 лет назад #
но есть конфликты с другими скриптами, например когда перелистываешь картинки в галерее :)
SJen 10 лет назад #
прогресс есть
Су-27 10 лет назад #
Странник 10 лет назад #
)
Су-27 10 лет назад #
qwest 10 лет назад #
SJen 10 лет назад #
Raiden 8 лет назад #
Raiden 8 лет назад #
Capitan 7 лет назад #