Like button not loading

Blank or white pages on your site indicate an issue with your server directly and you should contact your hosting provider for assistance. Possible causes:

1. Your back end server is returning a 500 internal server error.

2. A caching plugin or extension for your site is causing a conflict.

@best01 can you remove the modifications you have to the like button and try again? It’s loading okay for me, though it does take a while, and when it finishes it looks like a standard like button again.

@isatisdoor and @supernovia Thanks for your quick response to my query.
1) Checked the back-end server there is no problem with it. The hosting provider support suggested it could possibly be PHP error. So, changed PHP version to 7.0 from 7.2.
2) Disabled the ‘Autoptimize’ plugin which optimizes the website’s performance: JS, CSS, HTML, images, Google Fonts and more! The Like button is working now.
But the page speed score is ranked F according to GTmetrix which is very slow. Do you have any alternate plugin suggestions for optimizing the site?

• This reply was modified 6 years ago by Judy.
• This reply was modified 6 years ago by Judy.

some autoptimize (re-)configuration (probably specifically JS optimization) would be sufficient to fix this. there are troubleshooting tips and info on how to exclude in the AO FAQ.

hope this helps,
frank (ao dev)

Minification in particular is a double-edged sword. It attempts to identify what part of the code can basically be thrown out in order to decrease the file size of what’s served. Sometimes that works beautifully, and sometimes it just mangles things, like our Like button.

If you can disable minification of just javascript, that should be enough.

If you can disable minification of just javascript, that should be enough.

better still would be to exclude just the right JS file from being optimized off course ??

Oh yes, absolutely. If you can do that, the files to whitelist would be under /wp-content/plugins/jetpack/modules/likes/

If that doesn’t work, one of the primary scripts may also be affected, in which case I’d recommend whitelisting /wp-content/plugins/jetpack/

that’s great info James, thanks! ??

Happy to help! ??

@macmanx @optimizingmatters Thanks for the great info. After implementing the above, may I activate Cloudflare, as at times Jetpack locks me out of my own site when I use Cloudflare?

You can, just be sure to follow these steps so it doesn’t cache wp-admin:
https://www.ads-software.com/support/topic/jetpack-accelerator-vs-cloudflare-cache-speed-options/

@supernovia Thanks for the info. Followed the steps for CloudFlare and Jetpack but the Like button does not work when Cloudflare is activated. So have disabled CloudFlare and have optimized my site with ‘Autoptimize’ plugin and disabled optimizing Javascript code. The Like button is working fine now.

Glad you’ve got this sorted out, @best01, and thanks for updating us with what worked for you. Cheers!