[FAQ] Загрузка страницы со множеством видео- контента (готово, решение в конце) - Joomla 2.5: Общие вопросы

 Доброго времени суток форумчане

 На днях столкнулся с проблемой через-чур долгой загрузкой страниц с материалами (все материалы на сайте содержат от 20 видео-роликов длиной по 20мин.Каждое видео спрятано в спойлере)
Страницы обычно открываются в пределах 5-20сек.  в зависимости от количества роликов. Статья с 10-ю видео открывается за несколько секунд, а вот статья со 100 роликами грузиться секунд 20. И хуже всего то что во время загрузки статьи со 20+ роликами, сайт невозможно прокручивать колесиком мыши, а также открывать спойлеры, бывает даже сам браузер зависает и невозможно переключатся по вкладкам.

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

Сайт: animepower.ru

Возможно, но нужно программить. У вас вероятно много внешних запросов по каждому ролику. Можно сделать постзагрузку блоков видео аяксом. Для этого придётся переписать шаблон вывода новости или написать плагин.

Похоже что придётся попотеть. Ну что же ничего не поделаешь, сейчас разузнаю что-нибудь про этот AJAX и начну работать.
А возможно ли что есть такой спойлер, который загружает содержимое только при открытии?

Был на форуме плагин для картинок под спойлером. Сам не юзал, подозреваю, что там не AJAX а подмена src. Посмотрите мои посты, я про AJAX много писал на форуме.

Благодарю вас, буду искать.

ТС нужно видео грузить, как следствие это могут быть айфреймы, скрипты, Flash и т.д. Тут нужно сперва вывести страницу без видео, а потом подгрузить её же, но только видео. Я бы сделал так:
В макете материала сперва проверил, есть ли видео, потом вырезал бы всё видео в отдельную переменную. Вывел страницу. Потом JS сделал бы запрос на этот же URL, но передал бы какой-нибудь произвольный параметр. В шаблоне статьи проверял бы на наличие этого параметра и выводил бы уже видео. Таким образом подгружал бы его в уже отрендеренную статью.

RokBox

RokBox

HightSlide! Кто больше? ) Попандер тут не решит ничего.

очень смешно ха-ха-ха…

wfedin, правильно ли я понимаю, что по клику на изображение в попандере подгружается аяксом видео? Просто я не нашёл на странице примера, где бы видео само загружалось после загрузки страницы автоматом и в тело статьи. Если такое действительно есть и я просмотрел, приношу извинения за неуместный юмор. Покажите пожалуйста.

Я не програмёр и не кодер, не знаю как оно там крутится но видео нет на странице, есть лишь ссылка или миниатюра и лишь по клику в поп-ап появляется само видео. В самом низу демо примеры с роликами.

ТС нужно совсем другое. А грузить в попандер по клику можно любым аналогичным скриптом, в том числе и HightSlide. Плагин из ссылки b2z больше подходит по смыслу, но не имеет нужного функционала. Тут либо а) делать на его основе другой плагин, для видео, либо б) тот трудоёмкий пример, что я выше написал.

RokBox на странице
Video - YouTube
This demo will load a YouTube movie.

на странице это разве не то?

Это вариант просто готовый, спойлер откроет в теле а рок-бокс в окне. И там и там просто ссылка на странице будет, различие лишь в способе вывода видео. В принципе можно так же JCE MediaBox использовать. Вариант дал, а ТС сам пусть решает…

Пусть ТС решает, то это или нет. Это однозначно не решает поставленной им задачи но, безусловно, тоже вариант.

RokBox на странице
Video - YouTube
This demo will load a YouTube movie.

на странице это разве не то?

Любой попандер выводится на странице. Тут два вопроса: 1. как это вызывается этот вывод; 2. куда на странице это выведется. ТС необходимо чтобы это выводилось в статью и само собой. AJAX вообще предложил я. Собственно решение с любым попандером наименее трудоёмкое, но немного меняет суть задачи.

Я признаться сам прикрутил prettyPhoto видео с YouTube можно в альбом объединить и потом прямо в поп-апе листать стрелками.

 Порылся в своём LVSpoiler и нашёл легкое решение, попросту сменил библиотеку с mootools на juery. Теперь любой материал стал грузиться за пару секунд. Но после смены библиотеки сами спойлеры сменили своё CSS строение, вероятно у меня попросту не настроен сss для juery, но тут я думаю уже и сам разберусь.
 Огромное спасибо за помощь и желание разобраться с этой "штукой", всем плюсану.