Facebook Like Box Becomes Faster and Lighter

Always use the new embed codes for the Facebook Like Box as it is faster and lighter and will thus help improve the performance of your website.

If you have the Facebook Like box embedded in your website, the good news is that the plugin should have little impact on the performance, or page speed, of your pages.

Stoyan Stefanov of the Facebook engineering team shares that the updated Like box is 2-4x faster and is considerably lighter than the previous version. The Facebook Like plugin now loads in 0.5 seconds, as opposed to 2.3 seconds and while the previous version was 245KB in size, it now weighs a mere 46KB.

Earlier, Facebook Like box made 24 web requests and would load in 2.4 seconds

Facebook improved the performance of the plugin by switching to inline CSS styles (as opposed to using external stylesheets) and by squeezing multiple scripts into one – the plugin thus has to make fewer web requests.

Facebook Like box now loads in .7 seconds and makes just 13 requests (for photos)

How do you get the faster Facebook Like box for your website? First, does the Facebook embed code on your website look anything like this?

XFBML version (old)

IFRAME version (old):

https://www.facebook.com/plugins/fan.php?connections=10&name=PAGE_NAME

If your embed codes are different, you are covered as Facebook will automatically serve you the improved Like box. Else, you are using the older /deprecated version of the Facebook Like box  so head over to developers.facebook.com and generate the new embed codes.

View the original article here