CODEWITHSUNDEEP
javascriptfacebookfacebook-like
Chris Mousdale
Chris Mousdale

Reputation: 505

How can i stop IE hanging whilst loading Facebook Social plug in (Like box) on my site?

I have implemented the Facebook like button on my site by using the asynchronous JS SDK and it's working great! However it takes a long time to load, which is not a great problem (Would be nicer if it loader quicker though..) as the rest of the page loads fine.

However, if your view the the site in any version of IE the whole page is unresponsive until Facebook Like / comments have loaded... All the images and other scripts are loaded, but the whole page is locked.

Any ideas on how i can rectify this for IE users?

I have seen this post: How do I keep the Facebook like button from delaying the loading on my website? but this was solved by using the Async version, where as mine IS using this and still hanging?

If it helps I can post a link to my site / page that it appears on?

Upvotes: 0

Views: 797

Answers (2)

Chris Mousdale
Chris Mousdale

Reputation: 505

In the end, IE was hanging because I had a CSS3 transform on my images and apparently this slows down IE (Even though it cannot render the transform. So i can disable by this via conditional comments in the CSS or in my case modernizr.

Upvotes: 0

ifaour
ifaour

Reputation: 38135

Well, my only advice here is to place your FB JS code just before the </body> tag. But I have other "tips" for your site in general.

  1. Try to minify/combine your CSS and JS files when possible
  2. Try moving your JS code to the body tag (at the end)
  3. Do you really need the Prototype AND jQuery libraries?! try removing one of them and port the functionality to the other (almost all tasks can be done with either library)

Upvotes: 2

Related Questions