[Fix Included] Make Plugin Even Faster

Currently, the plugin loads in each social sharing icon individually – so it makes up to 9 calls just to grab the icons, consequently slowing the initial page time down.

I’ve improved page load times a fair bit by using one image sprite and some CSS instead – as only one image needs to be loaded instead of 9.

You are welcome to use the image sprite and CSS in your plugin if you like.

Here’s the CSS:

/* Custom Sprites */
.quickshare-email, .quickshare-facebook, .quickshare-googleplus, .quickshare-linkedin, .quickshare-pinterest, .quickshare-reddit, .quickshare-stumbleupon, .quickshare-tumblr, .quickshare-twitter { background: url(icons/share-icons.png) no-repeat !important; }
.quickshare-email { background-position: 0 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-facebook { background-position: -38px 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-googleplus { background-position: -187px 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-linkedin { background-position: -151px 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-pinterest { background-position: -261px 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-reddit { background-position: -298px 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-stumbleupon { background-position: -224px 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-tumblr{ background-position: -114px 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-twitter { background-position: -76px 0 !important; width: 32px !important; height: 32px !important; }
.quickshare-container { margin: 2em 0 0.5em !important; border: 1px solid rgba(180, 180, 180, 0.5) !important; border-radius: 8px !important;}

And here’s the share-icons.png sprite image: share-icons.png

Just add the CSS in to the CSS file, and put the share-icons.png sprite into the /icons/ directory of the plugin and you are good to go!

HTH ??

https://www.ads-software.com/plugins/quickshare/