Сегодня мы каждый день и на каждом сайте видим кнопки социальных сетей, которые позволяют посетителям более тесно взаимодействовать с сайтом, делясь представленным контентом с друзьями в социальных сетях. Тем не менее, эти кнопки могут замедлить работу вашего сайта.
К примеру, кнопка «Мне нравится» от Facebook состоит из скрипта для извлечения количества отметок для вашей страницы и, конечно же, HTML-разметки. Отрицательное влияние на производительность может быть очень существенным, если добавлять эту кнопку в каждую публикацию на вашем сайте.
Сегодня мы хотим рассказать вам о нескольких методах, позволяющих оптимизировать социальные кнопки, что положительно скажется на производительности вашего сайта в целом. Мы опробовали несколько доступных инструментов и скриптов, и сегодня хотим поделиться с вами подборкой из 5 лучших опций, а также рассказать вам о преимуществах и недостатках каждого из них.
1. Socialite
Socialite представляет собой javascript-библиотеку, разработанную David Bushell. Она позволяет нам загружать только сами кнопки социальных сетей при воспроизведении определенного события (например, при наведении курсором мыши или при клике), что позволяет вашей странице загружаться быстрее.
Преимущества
* Доступно в формате плагина для Wordpress
* Нет необходимости в jQuery и других библиотеках
* Загрузка самих кнопок социальных сетей по событию: hover, scroll, click
* Возможность редактировать внешний вид посредством CSS
* Поддержка многих социальных сетей, включая Facebook, Twitter, Google+, Linkedin, Pinterest, Spotify и Github. Возможность расширения и для других социальных сетей.
Недостатки
* Нет поддержки опрашивания на количество перепостов или отметок «мне нравится».
2. Sharrre
Sharrre представляет собой jQuery-плагин, который позволяет вам добавлять кнопки социальных сетей на страницы сайта. Он предлагается с набором API, которые позволяют вам использовать довольно глубокие настройки.
Преимущества
* Поддержка множества кнопок социальных сетей, включая Google+, Facebook, LinkedIn, Digg и так далее
* Полностью редактируемые кнопки (посредством CSS и опций плагина)
* Возможность извлекать количество перепостов, а также суммировать их
* Система мониторинга на базе Google Analytics
* Доступен в формате плагина для Wordpress.
Недостатки
* Работа плагина зависит от jQuery
* А также от дополнительного PHP-скрипта (для опроса на количество перепостов в G+).
3. TNW Social Count
TNW Social Count представляет собой WordPress-плагин, который изначально был разработан для The Next Web для извлечения количества перепостов статей, и отображения результата как показано на приведенном скриншоте. К счастью, разработчики оказались довольно сообразительными, и выпустили этот плагин на бесплатной основе, несмотря на то, что некоторые свойства и отсутствуют.
Преимущества
* Wordpress-плагин. Простой и легкий в использовании посредством GUI
* Поддержка 4 основных социальных сетей: Facebook, Twitter, Google+ и LinkedIn (возможно, кому-то этого будет недостаточно)
* Полная поддержка редактирования при помощи CSS
* Возможность автоматически извлекать количество перепостов, либо по запросу.
Недостатки
* Работает только с Wordpress, и для работы с Joomla и Drupal вам придется немного покопаться в коде
* Создает дополнительные поля в базе данных. Если на вашем хостинге имеется ограничение по базе данных, то это может привести к соответствующим проблемам
* На момент написания публикации поддерживались только 4 основные социальные сети, упомянутые выше.
4. Filament Social Count
Social Count - это jQuery-плагин, разработанный Filament Group для отображения количества перепостов в Facebook, Twitter и Google+. Данный плагин эффективным образом распределяет нагрузку за счет индивидуальной подгрузки кнопок лишь по запросу пользователя. Благодаря этому, ваши страницы будут открываться и работать быстрее.
Преимущества
* Индивидуальная загрузка кнопок при наведении
* Очень маленький размер (всего 2.98кб)
* Поддержка touch-устройств
Недостатки
* Поддержка только Facebook, Twitter и Google+
* Работает за счет jQuery. Так что, несмотря на малый вес, вам также придется использовать и 93кб для jQuery.
5. Social Likes
Social Likes представляет собой jQuery-плагин для отображения кнопок социальных сетей вместе со счетчиком. Плагин предлагается вместе со стилями, очень похожими на оригинальные кнопки (показано на скриншоте).
Преимущества
* Стандартные стили кнопок, схожие с оригинальными
* Внешний вид настраивается посредством CSS и GUI
* Поддержка Pinterest и Livejournal
* Возможность расширения для дополнительных социальных сетей
Недостатки
* Как и в случае с Sharrre, плагин работает на jQuery и использует PHP для получения данных счетчика G+
* Количество отметок опрашивается при загрузке страницы.
Раздел: Социальные сети Нет комментариев
5 способов оптимизировать ваши кнопки (счетчики) социальных сетей
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 9096 | Нет комментариев
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать