X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

История благодарностей участнику Akeeloq. Поблагодарили: 42 раз(а)
Дата поста: В теме: За сообщение: Поблагодарили:
10.3.2018, 14:54 Запрещённое онлайн-казино Azino777 вошло в список 20 крупнейших рекламодателей
Вот у них команда маркетологов сильная, выживать в таких условиях очень не просто.


Спасибо сказали: (1)
20.7.2017, 9:41 Как нагнуть Яндекс
Смерть Яндекса
И на гугл тоже подать, там сайт тоже в топе


Спасибо сказали: (1)
16.7.2017, 18:35 Cпециализированные видеокарты для майнинга криптовалют
Цитата(x64 @ 16.7.2017, 20:30) *
нелепую теорию сговора

И так полно заговоров, зачем еще нелепые приплетать?!


Спасибо сказали: (1)
8.7.2017, 20:38 AliExpress назвал Россию вторым по величине рынком спиннеров в мире
Цитата(WMGlobus @ 5.7.2017, 14:16) *
Деградируем товарищи

Всю жизнь вертели и жевали ручки, а от спинера деградировать стали))


Спасибо сказали: (2)
8.7.2017, 10:17 В России вступила в силу обязательная регистрация беспилотников
Цитата(tezoro @ 6.7.2017, 19:51) *
все верно! летают себе, а потом раз и что то взорвали

Всё верно! Вот такие первыми побегут регистрироваться :huh:


Спасибо сказали: (1)
22.6.2017, 14:15 Шансы информационной статьи по коммерческим запросам
Нужно понять что пользователь имел ввиду вводя такой запрос. Если не угадаете будет много отказов. Поисковики это заметят. И из топа уберут.


Спасибо сказали: (1)
8.6.2017, 16:10 Вывод с вебмани
А у нас дяденька сидит в парикмахерской, к немоу подходишь и покупаешь/продаешь вебмани без проблем. Правда курс не очень, зато удобно.


Спасибо сказали: (1)
31.5.2017, 19:18 Как готовые ответы влияют на CTR органических результатов в Google
т.е. пользователи в выигрыше. что и было целью как понимаю


Спасибо сказали: (1)
30.5.2017, 18:00 Нужна оценка интернет магазина на WooCommerce
Так то норм смотрится. Просто шрифт не подгружается. Поэтому у меня используется таймс нью роман. У других может быть другой.


Спасибо сказали: (1)
29.5.2017, 12:51 Вирус WannaCry создали выходцы из Китая
NeallCaffrey, Можно было понять что не наши уже по тому, что размер вируса был больше 50мб о_О


Спасибо сказали: (1)
23.5.2017, 9:32 Важно! Telegram
Кто не зайдет в топик, будет забанен через 48 часов!!1
Телеграм конечно надо. Пользуюсь им давно. Очень удобно.


Спасибо сказали: (1)
22.5.2017, 18:57 Оцените развлекательный портал Fotovarka
Шаблон классный, тоже использую на своих сайтах)


Спасибо сказали: (1)
21.5.2017, 9:46 Оценка сайта по кузовному ремонту
Прошу дать оценку сайту: дизайн, лого, структура сайта, Usability
Раз уж отзывы и их количество к товарам видны на главной, я бы добавил пару тройку нейтральных для каждой позиции.


Спасибо сказали: (1)
21.5.2017, 9:37 Прошу рекомендаций и адекватной критики.
Выглядит здорово! Мне нравится.


Спасибо сказали: (1)
21.5.2017, 9:24 Оцените блог о рыбалке!
Шрифт конечно органично смотрится, но надо поменять. Введите название шрифта в поиск и посмотрите отзывы о нем.


Спасибо сказали: (1)
8.5.2017, 12:54 Как проверять находится ли страница в индексе Google?
Я так проверяю, пишу в строку поиска:
Цитата
site:akeelow.ru




Спасибо сказали: (1)
13.4.2017, 18:37 «Танки» будут популярны и через 30 лет
Цитата(Dogma @ 13.4.2017, 18:34) *
Поражаюсь, как люди могут тратить свыше 300$ на какую-то игру

Я вот увлекаюсь астрономией. Тут бюджетный телескоп столько стоит. А еще есть окуляры, монтировки фильтры, и миллион других штук позволяющих увидеть больше, и все они стоят от $100. А ведь это тоже просто хобби, чтобы отдохнуть развлечься. По сути пользы столько же, как и от танков.


Спасибо сказали: (1)
10.4.2017, 18:56 Посоветуйте хостинг
Palundra, ой, у них и нету виртуального хостинга. попутал. показалось что нужен впс. Аж удивился, кому нужен впс на русском))


Спасибо сказали: (1)
5.4.2017, 18:51 Найден сложнейший вирус для Android
Цитата
Ученые обнаружили одну из самых передовых шпионских приложений для мобильной операционной системы Android. Они нашли приложение после того, как он заразил несколько десятков телефонов.

Пегас для Android предлагает широкий спектр шпионаже функций, в том числе:

- Кейлоггеров
- Захват экрана
- Живой звук и запись видео
- Дистанционное управление обеспечением через SMS
- Данные сообщения эксфильтрации из распространенных приложений, включая whatsapp, Скайп, Facebook, Твиттер, viber и какао
- Историю браузера эксфильтрации
- Электронная почта эксфильтрации от родной Android почтовый клиент
- Контакты и текст эксфильтрации сообщение

Источник


ps: Простите за машинный перевод

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (1)
31.3.2017, 19:25 Оптимизируем видео из YouTube и Vimeo на страницах сайта
Показалась полезная штука от Николая Мациевского, технический директор облачного сервиса Айри.рф. Уже даже внедрил на одном бложике)


Использование видео становится все более распространенным, а такие сервисы как YouTube, Vimeo и другие предоставляют пользователям возможности для встраивания видео на свои сайты. Хотя это очень удобно, такое встраивание может привести к значительным задержкам в загрузке страницы.

В статье рассказывается о том, каким образом встраиваемое видео замедляет загрузку сайта и как с этим можно бороться. А также будут разобраны плагины к CMS, которые могут помочь в решение этой задачи.

Встраивание YouTube-видео на сайте

Для того чтобы встроить видео из YouTube на страницу своего сайта достаточно всего лишь загрузить видео на YouTube и выбрать «Поделиться». Далее выбираете «HTML-код», и у вас появляется возможность изменить размер встраиваемого видео и задать другие настройки. В итоге вы получаете небольшой кусочек кода, который вам нужно вставить на вашу страницу:

Код
<iframe width="560" height="315" src="https://www.youtube.com/embed/filenamehere" frameborder="0" allowfullscreen class="c large aligncenter"</iframe>


Но внедрение видео через использование этого кода сопряжено проблемой: браузер скачивает при обращении к странице более, чем 500 КБ файлов Javascript. Это происходит в любом случае, даже если пользователь и не взаимодействует с встроенным на страницу проигрывателем видео.



Проблемы с несколькими видео

Что будет, если у вас на странице расположены несколько видео? Совсем не трудно предположить такие сценарии: например, несколько видео на странице с отзывами о компании. Или различные видео-инструкции, показывающие этапы настройки ПО на странице помощи.

YouTube загружает несколько файлов для каждого видео в iframe (осуществляется 8 запросов). Поэтому страницы, где есть несколько встроенных видео, могут загружаться намного медленнее из-за этих http-запросов и соответствующих загрузок файлов.

Отображение статического «баннера» на месте видео с YouTube

Решение было найдено в том, чтобы получить статический «баннер» с YouTube и отображать его вместо встроенного видео. Когда пользователь кликает на кнопку проигрывания видео, начинается показ этого видео.

Это можно сделать с помощью Javascript-кода, указанного ниже:

Код
<script>
          function youTubes_makeDynamic() {
                var $ytIframes = $('iframe[src*="youtube.com"]');
                $ytIframes.each(function (i,e) {
                     var $ytFrame = $(e);
                     var ytKey; var tmp = $ytFrame.attr('src').split(/\//); tmp = tmp[tmp.length - 1]; tmp = tmp.split('?'); ytKey = tmp[0];
                     var $ytLoader = $('<div class="ytLoader">');
                     $ytLoader.append($('<img class="cover" src="https://i.ytimg.com/vi/'+ytKey+'/hqdefault.jpg">'));
                     $ytLoader.append($('<img class="playBtn" src="play_button.png">'));
                     $ytLoader.data('$ytFrame',$ytFrame);
                     $ytFrame.replaceWith($ytLoader);
                     $ytLoader.click(function () {
                          var $ytFrame = $ytLoader.data('$ytFrame');
                          $ytFrame.attr('src',$ytFrame.attr('src')+'?autoplay=1');
                          $ytLoader.replaceWith($ytFrame);
                     });
                });
          };
          $(document).ready(function () {youTubes_makeDynamic()});
     </script>
<script>
                function youTubes_makeDynamic() {
                        var $ytIframes = $('iframe[src*="youtube.com"]');
                        $ytIframes.each(function (i,e) {
                                var $ytFrame = $(e);
                                var ytKey; var tmp = $ytFrame.attr('src').split(/\//); tmp = tmp[tmp.length - 1]; tmp = tmp.split('?'); ytKey = tmp[0];
                                var $ytLoader = $('<div class="ytLoader">');
                                $ytLoader.append($('<img class="cover" src="https://i.ytimg.com/vi/'+ytKey+'/hqdefault.jpg">'));
                                $ytLoader.append($('<img class="playBtn" src="play_button.png">'));
                                $ytLoader.data('$ytFrame',$ytFrame);
                                $ytFrame.replaceWith($ytLoader);
                                $ytLoader.click(function () {
                                        var $ytFrame = $ytLoader.data('$ytFrame');
                                        $ytFrame.attr('src',$ytFrame.attr('src')+'?autoplay=1');
                                        $ytLoader.replaceWith($ytFrame);
                                });
                        });
                };
                $(document).ready(function () {youTubes_makeDynamic()});
</script>


Эффект от такого решения оказался очень существенным. Время загрузки страницы сократилось с 17,38 секунд до 3,6 секунд.



Альтернативное внедрение видео YouTube

Стандартный код внедрения видео YouTube не только увеличивает время загрузки страницы за счет скачивания дополнительных файлов и множественных запросов. Габариты видео на странице также внедрены в код, и делают проигрыватель неадаптивным.

Можно внедрить видео на страницу по-другому. Не будем использовать iframe, а воспользуемся тэгом div, не будем указывать размер и разместим iframe на страницу только, если пользователь кликнет на кнопку проигрывания видео.



Поскольку габариты проигрывателя не указаны, он займет по ширине весь родительский контейнер, а высота будет подобрана автоматически. Можно также вставлять несколько таких тэгов div с разными идентификаторами видео, если их нужно разместить на странице несколько.

Далее вставим следующий код в шаблон вашей страницы. Он найдет все такие внедренные тэги и заменит их на миниатюры видео.

Код
<script>

    /* Light YouTube Embeds by @labnol */
    /* Web: http://labnol.org/?p=27941 */

    document.addEventListener("DOMContentLoaded",
        function() {
            var div, n,
                v = document.getElementsByClassName("youtube-player");
            for (n = 0; n < v.length; n++) {
                div = document.createElement("div");
                div.setAttribute("data-id", v[n].dataset.id);
                div.innerHTML = labnolThumb(v[n].dataset.id);
                div.onclick = labnolIframe;
                v[n].appendChild(div);
            }
        });

    function labnolThumb(id) {
        var thumb = '<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg">',
            play = '<div class="play"></div>';
        return thumb.replace("ID", id) + play;
    }

    function labnolIframe() {
        var iframe = document.createElement("iframe");
        var embed = "https://www.youtube.com/embed/ID?autoplay=1";
        iframe.setAttribute("src", embed.replace("ID", this.dataset.id));
        iframe.setAttribute("frameborder", "0");
        iframe.setAttribute("allowfullscreen", "1");
        this.parentNode.replaceChild(iframe, this);
    }

</script>
<script>

    /* Light YouTube Embeds by @labnol */
    /* Web: http://labnol.org/?p=27941 */

    document.addEventListener("DOMContentLoaded",
        function() {
            var div, n,
                v = document.getElementsByClassName("youtube-player");
            for (n = 0; n < v.length; n++) {
                div = document.createElement("div");
                div.setAttribute("data-id", v[n].dataset.id);
                div.innerHTML = labnolThumb(v[n].dataset.id);
                div.onclick = labnolIframe;
                v[n].appendChild(div);
            }
        });

    function labnolThumb(id) {
        var thumb = '<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg">',
            play = '<div class="play"></div>';
        return thumb.replace("ID", id) + play;
    }

    function labnolIframe() {
        var iframe = document.createElement("iframe");
        var embed = "https://www.youtube.com/embed/ID?autoplay=1";
        iframe.setAttribute("src", embed.replace("ID", this.dataset.id));
        iframe.setAttribute("frameborder", "0");
        iframe.setAttribute("allowfullscreen", "1");
        this.parentNode.replaceChild(iframe, this);
    }

</script>

    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }


Обратите внимание, что браузеры Chrome и Safari на устройствах iOS и Android разрешают проигрывание HTML5 видео только по действию пользователя. Они блокируют автоматическое проигрывание внедренного видео, чтобы предотвратить скачивание больших объемов по сотовой связи.

Готовые решения для CMS

Выше был рассмотрен возможный вариант решения проблемы, если владелец сайта понимает Javascript в достаточной степени, чтобы применить это решение у себя на сайте.

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

Ниже мы рассмотрим 4 плагина для WordPress, которые позволяют загружать видео из YouTube по принципу lazy-load, то есть, не блокируя отображение остальных элементов страницы.

Плагин Lazy Load for Videos


Этот плагин ускоряет страницы, заменяя встроенное видео на кликабельную картинку с превью этого видео.

Плагин a3 Lazy Load


Плагин позволяет загружать в режиме lazy-load изображения и видео на сайте. Можно также исключить изображения и видео из действия плагина по их имени класса. Плагин совместим с WooCommerce.

Плагин Lazy Load XT


Этот плагин позволяет загружать в режиме lazy-load изображения, видео из YouTube или Vimeo и содержимое iframe-ов. Легкий и быстрый плагин.

Плагин WP YouTube Lyte


Этот плагин вместо полноценных видео внедряет на сайт «легкие» элементы, которые запускают проигрыватель видео, если кликнуть по ним.

В заключение отметим еще раз, что стандартный способ внедрения видео из YouTubе через iframe негативно сказывается на скорости загрузки страницы. Проблема возрастает многократно, если на странице представлены несколько видео.

Для решения этой проблемы можно воспользоваться приведенным решением на Javascript. Если вы используете какую-либо популярную CMS, стоит поискать соответствующие плагины для нее, аналогичные 4-м плагинам для WordPress, которые упомянуты выше.

Проверка на живом сайте

А вот конкретный эксперимент. Сохранил одну и туже страницу на диск с выключенным плагином и с включенным. Смотрите сами:


Спасибо сказали: (2)
30.3.2017, 15:21 Семантическое ядро 9$/500 фраз (мутаген, группировка...)
Получил работу от ТС. Очень качественно сделано. Удобно сформирован отчет. Все по полочкам. Ключ вычищены. Мне ОЧЕНЬ понравилось. Рекомендую добавить его в закладки!


Спасибо сказали: (1)
29.3.2017, 20:49 Украденные через интернет деньги отсудить не удается
Цитата(Room @ 29.3.2017, 22:39) *
дед умнее тебя явно

Вынужден согласиться с дедом. Зная что твой андроид не обновлялся пол года, и что фиксы безопасности выходят каждые две недели минимум, нужно не только удалять все банковские клиенты, но отключить подтверждения по смс на таком телефоне.


Спасибо сказали: (1)
29.3.2017, 17:52 Обновленная статистика обхода в Яндекс.Вебмастере
Вместо абстрактных списков страниц этом разделе можно увидеть сколько конкретно страниц обходил робот в тот или иной день.
Плюс, уже ставшие традиционными изменения: За каждый день доступен список страниц, которые робот обошел впервые, или тех, которые изменили свой статус.

Для очень больших сайтов эти данные могли плохо сказаться на полноте, но зато с появлением этого раздела сам процесс обхода и индексации стал намного более прозрачным - теперь вы можете полностью следить за всем, что делает поиск со страницами вашего сайта - от обхода до попадания в поиск (и наоборот).

https://yandex.ru/blog/webmaster/obnovlenna...tistika-obkhoda


Спасибо сказали: (1)
29.3.2017, 17:18 Яндекс объяснил пропажу сообщений об акциях протеста из топа новостей
Цитата(krot88 @ 29.3.2017, 18:30) *
А с чего вообще Яндекс должен оправдываться?

Это вообще легкий вопрос :huh: Золотая акция Яндекса принадлежит государству, а значит они должны отвечать гражданам этого государства

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (1)
29.3.2017, 15:45 Яндекс объяснил пропажу сообщений об акциях протеста из топа новостей
Цитата(anchous @ 29.3.2017, 17:34) *
радуют претензии к новостному агрегатору

+1. Бубнить надо было немного раньше
Цитата
Принятый летом этого года закон о новостных агрегаторах, предписывающий использовать популярным новостным сервисам типа "Яндекс.Новости" информацию только от зарегистрированных СМИ, должен вступить в силу с 1 января 2017 года.


Спасибо сказали: (1)

2 страниц V   1 2 >
RSS Текстовая версия Сейчас: 30.3.2020, 23:48
Дизайн