Оптимизация скорости загрузки страницы

MS
На сайте с 22.09.2013
Offline
40
1111

Всем здравствуйте. Заранее извиняюсь, если промахнулся темой.

Интересует вопрос оптимизации загрузки страницы, конкретно - возможность отменить автоматическую загрузку встраиваемых видео. То есть если на странице есть более 1 видео, уже возникают проблемы с ее загрузкой.

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

---------- Добавлено 04.11.2013 в 23:57 ----------

Пожалуй, вернее было бы отправить в раздел "Вебстроительство". Уважаемые модераторы, не обессудьте, перенесите, если мы ошиблись. Спасибо.

---------- Добавлено 04.11.2013 в 23:59 ----------

Ошибся темой, не знаю как удалить. Снесите бога ради без санкций. Спасибо.

---------- Добавлено 05.11.2013 в 00:00 ----------

Ошибся разделом, не знаю как удалить тему. Снесите пожалуйста без санкций, извиняюсь за невнимательность. Заранее спасибо.

MS
На сайте с 22.09.2013
Offline
40
#1

Всем здравствуйте. Сабж.

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

Суть - уменьшить скорость загрузки.

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

Как можно это оптимизировать? Если знаете как, но не хотите писать публично, есть вариант за деньги, пишите в личку.

nezabor
На сайте с 19.07.2010
Offline
152
#2

ну так сделай загрузку в див по клику

а так отображай картинку

Чудес не бывает...
[Удален]
#3

Might-SE, http://www.unmedia.ru/RIW-2010.html внизу 6 роликов - загрузка при клике

если у проигрывателя display:none; он не грузится :)

MS
На сайте с 22.09.2013
Offline
40
#4
nezabor:
ну так сделай загрузку в див по клику
а так отображай картинку

Так вот и вопрос - как реализовать? Заковырялся в тегах, никак не могу сориентироваться, подскажите плз.

MS
На сайте с 22.09.2013
Offline
40
#5
burunduk:
Might-SE, http://www.unmedia.ru/RIW-2010.html внизу 6 роликов - загрузка при клике
если у проигрывателя display:none; он не грузится :)

Вот то что надо! Только как сделать? Дисплей none не дает такого эффекта.

И очень прошу перебраться в тему

/ru/forum/comment/12306039

дабы я не получил бан за дубли тем.

[Удален]
#6
Might-SE:
Дисплей none не дает такого эффекта

ну по ссылке выше даёт же :)

MS
На сайте с 22.09.2013
Offline
40
#7
burunduk:
ну по ссылке выше даёт же :)

Так там вообще свои стили, вы исходный код смотрели? Там нет дисплей нан.

Тем более, я поставил, и никакого эффекта.

[Удален]
#8
Might-SE:
Так там вообще свои стили, вы исходный код смотрели?

я его писал :)

Might-SE:
Там нет дисплей нан

есть он в css и js меняется

class="ncon"
MS
На сайте с 22.09.2013
Offline
40
#9
burunduk:
я его писал :)

есть он в css и js меняется

Ну у вас ведь там непростая структура. Если вставить просто iframe из ютуба, спрятать его таким образом не получится, нужно ведь вешать заглушку, по которой нужно щелкнуть, как минимум.

Напишите за денюжку этот скриптик?

[Удален]
#10
Might-SE:
Если вставить просто iframe из ютуба

не надо ифрейм вставлять


<div itemscope itemtype="http://schema.org/VideoObject" class="ncon">
<h3>Видео: <span itemprop="name">Оптимизация внутренних факторов 1</span></h3>
<meta itemprop="thumbnail" content="http://i2.ytimg.com/vi/UFURVVNEkJY/hqdefault.jpg" />
<object width="480" height="360">
<param name="movie" value="http://www.youtube.com/v/UFURVVNEkJY?version=3&amp;hl=ru_RU&amp;rel=0" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/UFURVVNEkJY?version=3&amp;hl=ru_RU&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true" />
</object>
<span itemprop="description">Первая часть. Оптимизация внутренних факторов на Russian Internet Week 2010</span>
</div>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий