Facebook Like Box Becomes Faster and Lighter
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)
<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.
Amit Agarwal
Google Developer Expert, Google Cloud Champion
Amit Agarwal is a Google Developer Expert in Google Workspace and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India.
Amit has developed several popular Google add-ons including Mail Merge for Gmail and Document Studio. Read more on Lifehacker and YourStory