Ускоренный модуль для групп ВК

Виджет группы ВК для Joomla

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

Это сразу видно через PageSpeed.

Потому что для работы виджета мы грузим скрипт vk/openapi

А он в свою очередь грузит ещё несколько файлов стилей (4 шт).

А в одном из тех файлов стилей, идёт ещё подгрузка 6 шрифтов, примерно по 180Кб.

В итоге объём всех файлов что загружаются из ВК, переваливает за 1,5Мб.
А количество соединений становится около 11.

Обычный виджет ВК, оценка всего 26

Что же это получается? Чтобы сайт стал быстрее загружаться, нужно удалить виджет Вконтакте?
Это делать необязательно, я сделал для вас НЕ обычный виджет ВК.

Посмотрите как улучшилась оценка. Это мы всего лишь обновили модуль. 

Почти в два раза.
Вот про НЕобычный виджет группы Вконтакте я и хочу вам рассказать.

Виджет группы ВК и API

У ВК есть API и оно позволяет нам манипулировать виджетами и делать его отложенную загрузку.

Согласитесь, что виджет группы не обязательно показывать посетителям в первую очередь?
Его можно показать позднее, через 4 или 5 секунд, когда посетитель пролистает страницу до нужного места.
Верно?

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

Но, есть тут один недостаток, если это можно так назвать.

Чтобы функция отложенной загрузки заработала, нужно создать приложение Вконтакте.
Это не сложно, всего пару минут.  

Шаг 1. Переходим в раздел для разработчиков и создаём новое приложение - https://vk.com/editapp?act=create
Тип выбираем веб-сайт.

Шаг 2. На следующем шаге выбираем вашу группу, и при необходимости добавляем иконку и обложку для приложения (это необязательно).
Сохраняем.

Шаг 3. После переходим в раздел настройки и копируем ID вашего приложения. ID нам ещё понадобится. 

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

Настройка модуля ВК с отложенной загрузкой

Здесь появилось два режима работы:

1. Обычный
2. Отложенная загрузка

Обычный режим так и остался без изменений.

А для отложенной загрузки нужно указать ID вашего созданного приложения Вконтакте.

И третье поле - это задержка в милисекундах.

После этого сохраните модуль и проверьте скорость загрузки сайта.
Она должна вырасти.

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

С уважением, Олег.