Smush Plugin causing homepage spacing below main menu

Hello @assc

I hope you’re well today!

Such an issue would be related in some way to the specific site or page on the site so without checking it there it’s difficult to say why it’s happening.

Could you please point me to the page where I can actually see it (with plugin enabled so we could check what exactly is happening there)?

Best regards,
Adam

Thanks for the reply.
We have now activated the plugin and the issue has occurred again. This issue is when you first land onto the homepage (Front Page),
please see our site below

https://www.heservices.co.uk/

as soon as its deactivated, the spacing disappears. when you go onto a different page and then back to the homepage, the spacing disappears. its just when you first land onto the site. this is causing a bad user experience for our site.

Hello @assc

I trust you are doing well!

I’ve inspected the page source and looks like you have Lazy Loading enabled on more than one plugin, as there are lazy-loaded CSS classes that do not belong to the Smush plugin.

Please got to Smush > Lazy Load and deactivate it, or go to your 3rd party plugin that has lazy load active and deactivate there. It is not advisable to have more than one plugin with the same features active, as it may cause some sort of conflict.

Let us know how it went.

Kind regards,
Nastia

Hi, I see that the problem is when the lazy loading is activated but what’s strange is that when we deactivate it, it shows a big impact to our page speed score on GT metrix.
when the Lazy loading is activated, we have a better score and when its deactivated, the score drops drastically.

we don’t seem to have any third party plugins that has lazy loading active. we had some images that had the lazy load activated through our page builder but thats switched off too.

Is there anything else we can do.
i have some screenshots to show the GT metrix results

Hi @assc,

I have checked out your site, the issue is caused because the top row (with the spacing issue) is trying to calculate the height and it’s not able to do so because the image hasn’t been loaded yet.

The best solution would be to add a unique class or ID to the top image and exclude it in Include/Exclude section on the Smush – Lazy Load page.

Another temp solution would be to try and adjust the height of the column, by adding the following CSS code to your theme:

.vc_row.vc_row-o-columns-stretch {
  min-height: auto !important;
}

Best regards,
Anton

If you have a look now, we have got rid of the slider/ image that was on the home page and the issue still occurs.

this issue isn’t just on the home page, but if you land on any page from an external source, it has the spacing.

disabling any of the lazy loading feature from SMUSH has an impact on the speed insight score.
it’s just funny how the issue is on the lazy loading but that is the main feature that has a good impact on the sight speed.

any other suggestions as to why this could be happening?

The problem seems to be gone when we deactivate lazy loading on smush but the only reason for us to have this plugin is so that we can have a better GTmetrix result.

@assc,

As I said, the spacing is the result of the image not being there when your theme calculates the height of the containers. I can also see that you have [be]Lazy.js library active on the site. Make sure that all other lazy loading plugins are disabled. Similar functionality can conflict and cause issues.

Best regards,
Anton

where can i identify where this is being picked up from.

i have disabled all other lazy loading functions other than SMUSH, this is including from the advanced theme settings and manually from the page builder settings.

It looks like it’s coming from widget-google-reviews plugin

Best regards,
Anton

Hello @assc

I hope you are doing well!

We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

Kind regards,
Nastia