5 Ways to Optimize Your Social (Count) Buttons

Today, it's quite common practice to provide social buttons on webpages for better user engagement and to make it easier for your posts...



Today, it's quite common practice to provide social buttons on webpages for better user engagement and to make it easier for your posts to be shared. However, these buttons could decrease your website load performance severely.

For instance, while using Facebook Like button, the script to fetch the “like” numbers to your page also to append the button HTML markup will be the culprits. The impact may be very significant in case you add the like button to each and every post.

In this post, we are going to discuss several solutions to optimize social buttons, this improves your page load performance. We have been trying some available tools and scripts around and allow me to share our 5 top of the list., making use of their pros and cons attached. Let’s check them out.

A New Job Description For Designers: Improving Site Speed


1. Socialite

Socialite can be a JavaScript library, put together by David Bushell. It permits us to load the specific social buttons upon a selected event like hovering or scrolling, making your page load better.



Pros


  • Available as WordPress plugin.

  • No need jQuery and other libraries.

  • Load the specific social buttons upon any event: hover, scroll, click, etc.

  • Customizable through CSS.

  • Support for several social networks, including Facebook, Twitter, Google+, Linkedin, Pinterest, Spotify, and Github. Extensible for other social networking sites.


Cons


  • No supports for querying share or like numbers.



2. Sharrre

Sharrre can be a jQuery plugin for adding social buttons on webpage. It comes with a set of API to produce the button highly customizable.



Pros


  • Support lots of social network buttons, Google+, Facebook, LinkedIn, Digg, etc.

  • Fully customizable button with CSS and also the plugin options.

  • Ablity to fetching share numbers and also sum them up.

  • Tracking with Google Analytics.

  • Available as WordPress plugin.


Cons


  • Dependent on jQuery to function.

  • Also rely on additional PHP script (for querying Google+ share number).



3. TNW Social Count

TNW Social Count is a WordPress plugin originally developed for The Next Web to fetch share variety of articles, and display the effect as shown inside the following screenshot. Thankfully, the developer is generous enough to discharge the plugin totally free, but not all features were included.



Pros


  • WordPress Plugin, a breeze to use while using provided GUI and template tag.

  • Support for four major internet sites: Facebook, Twitter, Google+ and LinkedIn (may not suffice).

  • Fully customizable with CSS.

  • Option to fetch count number automatically, or by demand.


Cons


  • Works only for WordPress; need a workaround to get it work on Joomla or Drupal.

  • It creates extra fields inside the database. So, if your hosting plan has limited resource to the database, this might cause a trouble.

  • At the time from the writing, support is restricted to only four internet sites mentioned above.



4. Filament Social Count

Social Count can be a jQuery plugin manufactured by Filament Group for displaying the sharing button from Facebook, Twitter and Google+. This plugin shows the buttons efficiently by loading the button individually in support of upon user deman; inturn, webpages load faster.



Pros


  • Load the button individually on hover.

  • Very small file size, only 2.98KB.

  • Support for touch device.


Cons


  • Only support for Facebook, Twitter and Google+ sharing button.

  • Rely on jQuery. So, despite of the very small size, you have to load a supplementary 93kb from jQuery.



5. Social Likes

Social Likes is really a jQuery plugin to demonstrate social buttons while using share numbers. It comes with styles which can be similar to the actual ones, as shown inside the screenshot below.



Pros


  • Default button styles which look near to the originals.

  • Customizable look through CSS and through GUI.

  • Support for Pinterest and LiveJournal.

  • Easily extensible to include additional social networks.


Cons


  • Similar to Sharrre, It utilizes jQuery and in addition PHP for querying Goolge+ counter.

  • It queries the counter number on page load.


Related posts:



  1. Create Social Media Profile Covers Easily With Social Media Image Maker

  2. Streamline Your Reading Interests And Social Feeds With Taptu

  3. Social Networks In A High School Yearbook [Infographic]

  4. Social Networks: How to Keep Up Like a Pro

COMMENTS

http://videohive.net/?ref=gimmegfx

http://themeforest.net/?ref=gimmegfx

http://audiojungle.net/?ref=gimmegfx

Name

blogging,255,computing,705,ebook,53,ebooks,354,freebies,358,graphics,225,IFTTT,3,internet,207,mobile,252,news,99,sharedtutor,78,slider,2,video tutorials,5,VideoHive,1156,YouTube,1005,
ltr
item
SharedTutor Tutorials For Everyone: 5 Ways to Optimize Your Social (Count) Buttons
5 Ways to Optimize Your Social (Count) Buttons
http://media02./optimizing-social-button/socialite.jpg
SharedTutor Tutorials For Everyone
http://www.sharedtutor.com/2013/09/5-ways-to-optimize-your-social-count.html
http://www.sharedtutor.com/
http://www.sharedtutor.com/
http://www.sharedtutor.com/2013/09/5-ways-to-optimize-your-social-count.html
true
1970043136941886328
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy