Resolving an Autoptimize / Sassy Social Share conflict in WordPress.
While trying to optimize the CSS of a WordPress site using the Autoptimize plugin, it created extraneous bullets. The solution was simple.
I use the Sassy Social Share plugin to add social sharing buttons to my sites. Overall, it does a nice job. I am also using the Autoptimize plugin to speed up the response time for my sites. Optimizing a site is an iterative process.
When I applied the CSS optimization to one of my sites, it cause bullet artifacts to appear on the pages.
Some sleuthing with ‘inspect’ showed that the bullet points were a result of the Sassy Social Media plugin. Instead of rendering the sharing icons, it was rendering bullets.
Once that was added and saved, the extraneous bullets disappeared. That got my PageSpeed Insights score from about 30 to a little over 50. There is a long way to go but this was a significant start.
SUMMARY – Autoptimize and Sassy Social Share are excellent, useful plugins. Unfortunately there was a bit of a conflict. Inspect helped isolate the issue and the ability to add exclusions allowed me to resolve it.
- Using Google Lighthouse / PageSpeed Insights to benchmark your sites.
- Four Reasons I’m moving from Blogger to self hosted WordPress.
- We have updated our WordPress offerings
- Problems after uploading photos from Google Photos to Blogger.
- A great cheat sheet on image sizes for social media headers and profile pics.
- A Simple way to see when Google indexes your images.
- A basic set or WordPress Plugins, mostly free.
- WordPress – Brute force attacks stopped with the wps-hide-login plugin