Почему не следует использовать стандартные кнопки «Поделиться», «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-теги
}

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

Миша Рудрастых Разработчик WordPress WooCommerce

Миша Рудрастых

Впервые познакомился с WordPress в 2009 году, и после двух лет мучений с Joomla и самописными движками это был просто бальзам на душу. С 2014 года меня можно встретить на WordCamp — официальной конфе по WP в Москве, иногда там выступаю. Также в настоящее время веду курсы по WordPress в Epic Skills в Питере.

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