Lazy Load Social Stuff WordPress
- SOLVED
After testing nearly all of the available Lazy Load plugins for Wordpress, I am going to settle with the following Lazy Load plugin.
<strong>[[LINK href="http://wordpress.org/extend/plugins/lazy-load/"]]Lazy Load[[/LINK]]</strong>
This plugin automatically Lazy Load all images on the post/page and even gravatar images (with a slight modification) that works perfectly on my website.
I would like to add social boxes such as the Facebook Like BOX (not button) at the sidebar through widget.
I would like to know how can I Lazy Load the Facebook Like BOX using the mentioned Lazy Load plugin.
Answers (10)
Hai Bui answers:
You cannot use the Lazy Load plugin for Facebook Like Box because it only works for images.
You have to do it manually, here's a tutorial http://cyrilmazur.com/2011/08/deferred-lazy-loading-facebook-widgets.html
Or you can check this plugin http://wordpress.org/extend/plugins/lazy-widget-loader/
raymond comments:
I already tried Lazy Widget Loader but it does not really lazy load.
This plugin simply puts the code at the footer and it will continue to load.
What I want is to only start loading when the user is viewing the part of the screen that containing the code.
In fact I've even purchased the Itthinx LazyLoader to work with Lazy Widget Loader but it doesn't work all the time.
The reason why I posted a question here is I want to use [[LINK href="http://wordpress.org/extend/plugins/lazy-load/"]]this Lazy Load plugin[[/LINK]] to load the Facebook like box.
Doesn't make sense to install two or three different lazy loading plugins...
Hai Bui comments:
I see, then you can try to do it manually, following this tutorial http://cyrilmazur.com/2011/08/deferred-lazy-loading-facebook-widgets.html
The Lazy Load plugin only works for images, I don't know if it can be customized to work for FB Like box but even if it's possible, it would take a lot of time and cost a lot more than $15.
raymond comments:
If you can take a look and see if it's possible, let me know how much would it cost and I'll top it up.
Hai Bui comments:
I think it's possible, at least for Facebook Like box. What other social boxes do you want to "lazy load"?
Manoj Raj answers:
I will have a try in my blog and let you know...
raymond comments:
Thanks Manoj.
Manoj Raj comments:
Hi Raymond,
Check the following url
http://silverlotusawards.com/tested/
and mouseover the facebook like link and it will load the widget... Is that what you want? I sent you a message with the demo details 10 minutes before... Have a look and let me know...
Manoj Raj comments:
Hi Raymond,
Have you checked my demo?
http://silverlotusawards.com/tested/
It uses similar concept as socialite.js but its on hover...
raymond comments:
Hi Manoj,
I've checked and yes that is nearly what I wanted except I don't want it to hover.
Only when the user scrolls to the area, it will automatically start to load.
I think it had something to do with viewport and jquery to do that.
Manoj Raj comments:
Hi Raymond,
Check the same now... I made the thing by scroll by using a jquery plugin... Check the url
http://silverlotusawards.com/tested/
And let me know...
Asad Iqbal answers:
What is the name of your plugin which you've decided to use into your site?
raymond comments:
Sorry, I did add the hyperlink but did not attach it to a text.
The link to the plugin is now visible. Please check.
Asad Iqbal comments:
Please check the following link:
http://wordpress.org/extend/plugins/lazy-widget-loader/
As you are already using a lazyloader plugin then you may need to check if there have any javascript conflict or not after installing the plugin I mentioned. please check your site after installation and give me the url of your site here, I'll check if there have any conflicts or not.
VValkov answers:
Hi i don't know if this will help you but check this plugin http://socialitejs.com/ . Support: Twitter, Google+, Facebook, LinkedIn, Pinterest and Spotify.
raymond comments:
Found Sociallite.js earlier and it is for voting buttons, not social boxes.
VValkov comments:
Did you see this article http://cyrilmazur.com/2011/09/lazy-loading-for-javascript.html ?
Daniel Yoen answers:
You can use this async script :
this script would load javascript files after page is completely loaded.
<script type="text/javascript">
function asyncLoad()
{
//facebook
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'http://connect.facebook.net/en_US/all.js#xfbml=1';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
//twitter
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//platform.twitter.com/widgets.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
//google plus
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://apis.google.com/js/plusone.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent) window.attachEvent('onload', asyncLoad); else window.addEventListener('load', asyncLoad, false);
</script>
hope this help
raymond comments:
Sorry you misunderstood.
I only want the files to be loaded when the user scrolls to the area where the social boxes are.
If they don't scroll down, the files would not load.
Async and lazy load are two different thing.
Sabby Sam answers:
Hi,
Why don't you go for CDN
http://wpmu.org/maxcdn-review-coupon/
and check your site here:
http://tools.pingdom.com/fpt/
compare after using this service:
raymond comments:
Users will still need to load the files upon loading the page even if you're using CDN.
Sabby Sam comments:
Hi,
Try this :
http://wpmu.org/dramatically-speed-up-wordpress-and-wpmu-load-times-with-this-simple-tip/
http://www.port80software.com/support/p80tools.asp
test ur site
tools.pingdom.com
and test this site too :
http://www.wpbeginner.com/
raymond comments:
Try to understand the question that I'm asking before giving suggestion.
That is gzip compression and has nothing to do with lazy loading.
Thank you.
jimmy comments:
Attached are the wp-login details.
Please let me know if you require more information.
Thank you.
ufsung answers:
nueva versión de secado rápido de ropa interior de emergencia interior Pareja piel y el pelo mochila al aire libre Calzado accesorios para equipos Área de los hombres La Sra. Zona Primavera y el ve