Ответ 1
ah Я нашел ответ, проверив, что делает Techcrunch/AOL. Вы загружаете XFBML в качестве прокрутки пользователя.
1.) Не разбирайте XFBML на FB.init или загрузке JS SDK
FB.init({
appId : APP_ID,
xfbml : false
});
2.) Загрузите jQuery и jquery.sonar.js - это содержит специальные события прокрутки и прокрутки
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://artzstudio.com/files/jquery-boston-2010/jquery.sonar/jquery.sonar.js"></script>
3.) Код jQuery для синтаксического анализа XFBML в событии scrollin (украден из Techcrunch)
jQuery(document).ready(function($) {
var $shareWidgets = $( '.share-widget' );
$shareWidgets.bind( 'scrollin', { distance: 500 }, function() {
var $share = $( this );
if (!$share.data( 'initFB' ) && window.FB) {
$share.data('initFB', 1);
$share.unbind( 'scrollin' );
FB.XFBML.parse( $share[0] );
}
});
});
4.) оберните теги XFBML в класс под названием "share-widget"
<span class="share-widget"><fb:like></fb:like></span>
и вуаля! не больше dang XFBML замедляет ваши страницы. Конечно, это помогает только тогда, когда на вашей странице много тэгов XFBML. Возможно, у большинства блогов.
Спасибо AOL!
См. презентацию SlideShare AOL с помощью jQuery: http://www.slideshare.net/daveartz/jquery-in-the-aol-enterprise, где они говорят об этой и других оптимизациях, которые они используют.