Какой самый эффективный способ добавить кнопки социальных сетей «Нравится» и «+1» на ваш сайт?

Задача звучит тривиально, но терпите меня.

Я работаю с этими кнопками:

  • Google (+1)
  • Facebook (Нравится)
  • Twitter (Tweet)
  • LinkedIn (Поделиться)

После небольшого тестирования webpagetest.org Я обнаружил, что это невероятно неэффективно, если вы берете фрагмент из каждой из этих служб, чтобы разместить эти кнопки на своей странице. Помимо самих изображений, вы также эффективно загружаете несколько файлов JavaScript (в некоторых случаях несколько файлов JavaScript для одной кнопки). Общее время загрузки кнопки «Нравится» в Facebook и связанных с ней ресурсов может достигать 2,5 секунд при подключении DSL.

Теперь лучше использовать такую ​​службу, как ShareThis, поскольку вы можете получить несколько кнопок из одного источника. Однако у них нет должной поддержки Google +1. Если вы получите от них код для кнопки Google +1, он все равно получит все эти ресурсы из Google.

У меня есть одна идея, которая включает в себя загрузку всех кнопок, когда нажимается обычная кнопка «Поделиться». Таким образом, время загрузки страницы не увеличивается. Я думаю, что это можно сделать, используя код, описанный здесь в качестве отправной точки. Это, вероятно, было бы хорошим решением, но я подумал, что спрошу здесь, прежде чем идти по этому пути.

5
задан Charles 17 February 2012 в 01:12
поделиться