Для нового веб-сайта, который я создаю, я пытаюсь правильно встроить виджеты счетчиков социальных сетей из таких сервисов, как Facebook, Twitter, Digg, Reddit, StumbleUpon и Buzz.
Использование iFrameгрязные теги и <script> также вызывают серьезные замедления, когда дело доходит до рендеринга и загрузки страницы.Я заметил, что страницы часто занимают значительно больше времени и приостанавливают загрузку на полпути из-за медленного ответа одного из этих сайтов социальных сетей.
Поэтому я пытаюсь написать эти виджеты, как только документготовы.Это хорошая идея?Или есть какие-то недостатки?
Вот лишь несколько примеров:
Для кнопки «Мне нравится в Facebook» я сделал следующее:
$('.likebox').append(' <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Ffacebook&layout=button_count&show_faces=false&width=150&action=like&font=arial&colorscheme=light&height=21" style="border:none; overflow:hidden; width:150px; height:21px;"></iframe>');
Однако как это сделать?Я имею дело с такими виджетами?
<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink() ?>" data-text="<?php the_title(); ?>" data-count="horizontal" data-via="twitter" data-related="twitter">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
или
<script src="http://www.reddit.com/domain/cnn.com/new/.embed?limit=4&t=all&sort=new&style=off" type="text/javascript"></script>
Буду признателен за любые предложения относительно эффективного и правильного встраивания этих или других виджетов.Спасибо!