Почему не следует использовать стандартные кнопки «Поделиться», «Tweet» и «Share»?

Недавно я написал пост о том, как самому создать кнопки для социалок по функционалу ничуть не хуже стандартных.

И сразу возник вопрос, чем же меня не устроили собственно стандартные?

Ну во-первых, для тех, до кого ещё не дошло, у меня на сайте тёмный дизайн, а стандартные кнопочки нормально смотрятся только если их поместить на белый или какой-нибудь светло-серый фон.

Во-вторых, резко падает оценка скорости загрузки страницы по Google Page Speed. Для большей убедительности вот вам скриншоты:

результаты по Google Page Speed кеширование

Как видите, у этих скриптов не всё в порядке с кэшированием. Кстати, третий скрипт — это кнопка Google +1. И это только начало! Короче, второй скриншот:

Google Page Speed отложите синтаксический анализ JavaScript

Зачеркнутые пункты к теме не относятся, там короче Google AdSense и всякие разные штуки.

А вот ещё один небольшой аргумент против кнопки Google +1:

Google Page Speed укажите валидатор кэша

Следующий скриншот говорит о том, что кнопка Google+1 и ВКонтакте используют недостаточно оптимизированные скрипты:

Google Page Speed сократите JavaScript

А вот ещё кое-что: (это касается кнопки твиттера)

Google Page Speed укажите набор символов

И ещё: (вконтакте)

Удалите строки запросов из URL статических ресурсов

И ещё: (вконтакте и гугл+1)

Укажите заголовок Vary: Accept-Encoding

Если кто не въехал, на скриншотах были советы по оптимизации сайта от Google.

Представляете, как увеличится скорость сайта, если отказаться от стандартных кнопок и использовать альтернативный вариант?

Как бы там ни было, на этом мои аргументы не заканчиваются.

Я заметил, что кнопка твиттера иногда тормозит. То есть страница сайта нормально загружается, но когда доходит до того места, где расположена кнопка (а вместо кнопки там будет просто слово «Tweet»), возникает жуткий тормоз, короче говоря страница обрывается на этом самом месте. Если подождать некоторые время, то она всё же загрузится, но полноценная кнопка так и не появится — вместо неё слово «Tweet».

Но если вам очень нравятся стандартные кнопки, то хотя бы подключайте их только на тех страницах, на которых они используются, например на WordPress это будет выглядеть примерно так (я имею ввиду только ту часть кода, которую вы возможно вставите в header.php).

if(is_single()){
	//сюда и вставляете JavaScript-код, главное не забудьте закрыть php-теги
}

Получается, что код будет использоваться только на страницах с постами, а не где попало.

Подпишитесь, чтобы раз в неделю получать свежие статьи с блога по email.

Смотрите также

Комментарии 2

  • B.G.3 июля 2012 в 16:07 #

    Не так давно я просто выбросил все кнопки типа поделиться на разные сервисы, после того как прочитал на чьем-то блоге рассуждения на тему их нужности в принципе.. Если кто-то захочет, то сможет и так это сделать, не прибегая к кнопкам. А кто не захочет, того и кнопка не заставит.. :)
    А вот скорость загрузки они жрут хорошо...

  • Даниил1 января 2013 в 16:01 #

    Мне тоже они не нравились, сразу говорю, но приходится устанавливать((

Оставить комментарий / вопрос

phpjsHTMLCSSSQLПросто код
  Для того, чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или авторизуйтесь на сайте.
  • Миша: Привет ещё раз, не поверишь, реально не сталкивался с этим вопросом. По теории можно сказать следующее: во-первых,...

  • Миша: Привет, вообще без проблем, делаешь всё через require(), require_once() - выбирай любую, какая больше нравится.

  • Виталий Моргунов: Привет! Не могу разобаться, как я могу контролировать порядок подключения стилей. В моем случае мне нужно чтобы стили...

  • Миша: Спасибо!

  • w0rmak: Это было просто. Нашел код в интернете. Добавьте и себе ymaps.load(function () { var input = document.getElem...