Комментарии 10
НЛО прилетело и опубликовало эту надпись здесь
И получить вместо 2 киллограмов скриптов один вместе с теми же шрифтами и аналитикой. А требуется для этого всего-то картинка, кнопка и title. К тому же при controls=2 он не интерактивен при наведении.
НЛО прилетело и опубликовало эту надпись здесь
В случае самостоятельного решения вопроса у вас получится так:
html — 0.5 kb
css — 1.4 kb
js — 0.2 kb
font — 0 kb
img — 50 kb (зависит от фоновой картинки)
Если выкинуть из расчетов картинки, то у вас ресурсов 179,76кб / 4 = 44,94kb на ролик против 2,1kb. Разница в 20 раз. Поэтому если кто хочет немного подпилить, результат не заставит ждать себя от одного ролика и более.
html — 0.5 kb
css — 1.4 kb
js — 0.2 kb
font — 0 kb
img — 50 kb (зависит от фоновой картинки)
Если выкинуть из расчетов картинки, то у вас ресурсов 179,76кб / 4 = 44,94kb на ролик против 2,1kb. Разница в 20 раз. Поэтому если кто хочет немного подпилить, результат не заставит ждать себя от одного ролика и более.
НЛО прилетело и опубликовало эту надпись здесь
Запросы на кешируемые файлы постоянные, на html постоянные, работа 50 кб скрипта на каждый плеер постоянная (утверждать точно не берусь).
В самостоятельном решении у вас только 1 необходимый запрос на сервер для загрузки бекграунда. Нет ни одного аргумента, зачем грузить дольше, если можно в разы меньше. Ровно так и реализовано в каждой соц. сети и других популярных сервисах.
В самостоятельном решении у вас только 1 необходимый запрос на сервер для загрузки бекграунда. Нет ни одного аргумента, зачем грузить дольше, если можно в разы меньше. Ровно так и реализовано в каждой соц. сети и других популярных сервисах.
Решая эту задачу разработчик должен ответить себе на вопрос — нужны ли мне зафиксированные видео-сервисом просмотры с моей страницы?
1) Если ответ нет (меня не волнуют зафиксированные сервисом просмотры) — то правильное решение это сохранение в кеше превшьюшки от видео, генерация на странице виджета с закешированным изображением которое дает пользователю однозначно понять что это видео, и генерация правильного iframe на лету в момент клика по виджету, с параметром автостарт
2) Если ответ да (для меня важны зафиксированные просмотры) — задаться вопросом, приемлемо для меня если пользователь должен будет сделать повторный клик. Если ответ да — то выбирается решение номер один из которого исключается автостарт. По первому клику происходит замена виджета ифреймом.
3) И только в самом последенем случае в страницу вставляется реальный iframe от сервиса.
Или использование более продвинутых техник подмены виджета iframe мом в зависимости от активности пользователя. НО изначальный посыл в том, что если у вас страница с большим количеством таких фреймов, то страницу нужно верстать без них, и генерировать код iframe на лету в момент когда он действительно нужен пользователю.
1) Если ответ нет (меня не волнуют зафиксированные сервисом просмотры) — то правильное решение это сохранение в кеше превшьюшки от видео, генерация на странице виджета с закешированным изображением которое дает пользователю однозначно понять что это видео, и генерация правильного iframe на лету в момент клика по виджету, с параметром автостарт
2) Если ответ да (для меня важны зафиксированные просмотры) — задаться вопросом, приемлемо для меня если пользователь должен будет сделать повторный клик. Если ответ да — то выбирается решение номер один из которого исключается автостарт. По первому клику происходит замена виджета ифреймом.
3) И только в самом последенем случае в страницу вставляется реальный iframe от сервиса.
Или использование более продвинутых техник подмены виджета iframe мом в зависимости от активности пользователя. НО изначальный посыл в том, что если у вас страница с большим количеством таких фреймов, то страницу нужно верстать без них, и генерировать код iframe на лету в момент когда он действительно нужен пользователю.
По пункту 2. Повторный клик не нужен, подставляется в параметр в src &autoplay=1 и все работает с 1 клика. Повторный клик делается на мобильных браузерах, т.к те детектят фреймы с видео.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Учим wordpress (и не только) отрисовывать быстро Youtube плееры