—»     —»   5 способов оптимизировать ваши кнопки (счетчики) социальных сетей
  Раздел: Социальные сети   Нет комментариев  

5 способов оптимизировать ваши кнопки (счетчики) социальных сетей



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

К примеру, кнопка «Мне нравится» от Facebook состоит из скрипта для извлечения количества отметок для вашей страницы и, конечно же, HTML-разметки. Отрицательное влияние на производительность может быть очень существенным, если добавлять эту кнопку в каждую публикацию на вашем сайте.

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

1. Socialite

5 способов оптимизировать ваши кнопки (счетчики) социальных сетей

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

Преимущества

* Доступно в формате плагина для Wordpress
* Нет необходимости в jQuery и других библиотеках
* Загрузка самих кнопок социальных сетей по событию: hover, scroll, click
* Возможность редактировать внешний вид посредством CSS
* Поддержка многих социальных сетей, включая Facebook, Twitter, Google+, Linkedin, Pinterest, Spotify и Github. Возможность расширения и для других социальных сетей.

Недостатки

* Нет поддержки опрашивания на количество перепостов или отметок «мне нравится».

2. Sharrre

5 способов оптимизировать ваши кнопки (счетчики) социальных сетей

Sharrre представляет собой jQuery-плагин, который позволяет вам добавлять кнопки социальных сетей на страницы сайта. Он предлагается с набором API, которые позволяют вам использовать довольно глубокие настройки.

Преимущества

* Поддержка множества кнопок социальных сетей, включая Google+, Facebook, LinkedIn, Digg и так далее
* Полностью редактируемые кнопки (посредством CSS и опций плагина)
* Возможность извлекать количество перепостов, а также суммировать их
* Система мониторинга на базе Google Analytics
* Доступен в формате плагина для Wordpress.

Недостатки

* Работа плагина зависит от jQuery
* А также от дополнительного PHP-скрипта (для опроса на количество перепостов в G+).

3. TNW Social Count

5 способов оптимизировать ваши кнопки (счетчики) социальных сетей

TNW Social Count представляет собой WordPress-плагин, который изначально был разработан для The Next Web для извлечения количества перепостов статей, и отображения результата как показано на приведенном скриншоте. К счастью, разработчики оказались довольно сообразительными, и выпустили этот плагин на бесплатной основе, несмотря на то, что некоторые свойства и отсутствуют.

Преимущества

* Wordpress-плагин. Простой и легкий в использовании посредством GUI
* Поддержка 4 основных социальных сетей: Facebook, Twitter, Google+ и LinkedIn (возможно, кому-то этого будет недостаточно)
* Полная поддержка редактирования при помощи CSS
* Возможность автоматически извлекать количество перепостов, либо по запросу.

Недостатки

* Работает только с Wordpress, и для работы с Joomla и Drupal вам придется немного покопаться в коде
* Создает дополнительные поля в базе данных. Если на вашем хостинге имеется ограничение по базе данных, то это может привести к соответствующим проблемам
* На момент написания публикации поддерживались только 4 основные социальные сети, упомянутые выше.

4. Filament Social Count

5 способов оптимизировать ваши кнопки (счетчики) социальных сетей

Social Count - это jQuery-плагин, разработанный Filament Group для отображения количества перепостов в Facebook, Twitter и Google+. Данный плагин эффективным образом распределяет нагрузку за счет индивидуальной подгрузки кнопок лишь по запросу пользователя. Благодаря этому, ваши страницы будут открываться и работать быстрее.

Преимущества

* Индивидуальная загрузка кнопок при наведении
* Очень маленький размер (всего 2.98кб)
* Поддержка touch-устройств

Недостатки

* Поддержка только Facebook, Twitter и Google+
* Работает за счет jQuery. Так что, несмотря на малый вес, вам также придется использовать и 93кб для jQuery.

5. Social Likes

5 способов оптимизировать ваши кнопки (счетчики) социальных сетей

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

Преимущества

* Стандартные стили кнопок, схожие с оригинальными
* Внешний вид настраивается посредством CSS и GUI
* Поддержка Pinterest и Livejournal
* Возможность расширения для дополнительных социальных сетей

Недостатки

* Как и в случае с Sharrre, плагин работает на jQuery и использует PHP для получения данных счетчика G+
* Количество отметок опрашивается при загрузке страницы.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: кнопки, социальные сети
Опубликовал Design FactoRy   Прочитано (раз): 7135   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

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


Брекеты плюсы и минусы
Элайнеры Invisalign! Эстетичная технология выравнивания зубов без брекетов
star-smile.ru
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930