I’ve tried using the standard Facebook like button. I require about 50 like buttons (that number may grow) on my page. The problem is that the second I add more than a few, it drastically slows down my page. If I show all 50 like buttons, the page is practically unoperable, the browser refuses to scroll, freezes and gives “Not responding” warnings etc.
I assume this is because the like buttons weren’t made to be displayed multiple times on one page, and it does a LOT of redundant work for every added button. I’ve seen it be done though, so I’m wondering: is there some special way of displaying lots of Facebook like buttons on one page? I’m talking tens, perhaps hundreds.
Thanks
There are two ways I would recommend doing this. One is to render a fake Facebook button (static image) and then on hover, dynamically load the real Facebook like button to replace the image. The other is to use one of the various jquery scrolling plugins to load the Facebook like buttons as the content becomes visible on the page. TechCrunch.com has lots of like buttons on their home page without performance issues (they are doing the second option I listed).