Wednesday, February 27, 2013

Digital Inspiration Technology Blog: Facebook Like Box Becomes Faster and Lighter

Digital Inspiration Technology Blog
Digital Inspiration is an award-winning how-to tech blog around all things related to computer software, web applications, mobile and personal productivity.
Facebook Like Box Becomes Faster and Lighter
Feb 27th 2013, 15:27

If you embedded the Facebook Like box 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.

Facebook Like Box - Old

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 - New

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)

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>  <fb:fan stream="false" name="PAGE_NAME"></fb:fan>

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.

Tweet this Share on Facebook


Digital Inspiration @labnolThis story, Facebook Like Box Becomes Faster and Lighter, was originally published at Digital Inspiration on 27/02/2013 under Facebook, Internet.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

No comments:

Post a Comment