한 페이지의 여러 페이 스북 (Facebook)과 같은 도움말

Question

페이지에 다양한 항목이있는 페이지를 만들었으며 사람들은 "추천"(예 : levi.store.com에있는 방법)을 클릭하여 투표해야합니다. . 항목은받은 "추천"수에 따라 정렬됩니다. 내가 가지고있는 문제는이 항목이 100 개이며, 표시하려고 할 때 너무 느리다는 것입니다. 더 효과적으로 할 수있는 방법이 있나요이 내가 가진 것의 일부 의사 코드 (나는 워드 프레스를 사용하고 있습니다)

   $theCategory = 'the-item-category'; //every item is a post and is placed into this category 
       $items->query('cat='.$theCategory); //this gets all those items in that category 

       while($items->have_posts()) : $items->the_post(); 

     <h1><?php the_title(); ?></h1>  

    <iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=recommend&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:140px; height:21px;" allowTransparency="true"></iframe> 

Answer 1

나는 같이 버튼의 FBML 버전을 사용하는 것이 좋습니다 것입니다. 그런 다음 TechCrunch에서 스토리 마우스를 올려 놓은 것처럼 요청을 표시하거나 페이지를로드 한 후로드 할 수 있습니다 (DOM 준비). Facebook init에서 자동 FBML 구문 분석을 사용 중지하고 FB.XFBML.parse (DOM ID)를 사용하여 각 좋아요 버튼을 렌더링합니다.

iframe은 페이지로드시 100 개의 웹 페이지를로드하려고한다는 것을 직접 의미합니다. 이는 특히 브라우저가 도메인 당 최대 8 개의 연결을 열 때 특히 그렇습니다. 일부는 덜 개방적입니다. 따라서 100 개의 Like 버튼을 사용하면 모든 것을로드하기 위해 12 개의 "라운드"가 필요합니다.

각 이야기가 서버에있는 좋아요 수를 가져와 캐싱 중이라고 가정합니다.