Star rating graphic is missing after minification

Hello, few weeks ago i changed my hosting to speedup my blog and also bough wp rocket to speed up my blog, everything was fine before installing the wp rocket.

But during the install of wp rocket i got the option to combine the Js, CSS and Html of my webpage, after enabling that option my website url which was generating stars on the google snippet now stopped showing.

My question is which of the following caused this problem? whether it because of CSS or JS or HTMl? so i can disable that option to regain the star rating on the google snippet again…

Html is extremely unlikely, CSS is quite unlikely, JS is highly likely.

You can never know this things for sure 100%, but my bet is on JS.

I guess there would be different ways to solve the problem, unfortunately the only way short of getting help from the plugin author that I can think of will mean a bit of testing. (it does have a year of support that you paid for, did you try that?)

  • temporarily disable wp rocket
  • once the stars again appear, take note of where they are in the DOM
  • re-enable wp rocket
  • look at view-source / dev tools inspect, to see if the DOM elements associated with the stars are there but not being displayed or if they are missing from the source.

If the elements are there but not displaying, use dev tools to figure out what, if any, CSS is over-riding their display.

If there is no CSS that’s causing the problem, temporarily disable JavaScript in your browser to see if they then display.

If they are not in the source at all you will need to dig into the code to see what’s interfering.

With luck it will be a relatively easy CSS fix, (which I also think unlikely, but maybe). I suspect it is more likely to be a naming clash or JavaScript code working with the same element but you won’t know until you look into it.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.