WP Rocket

Hi Butkis and Sven,

Jurica from WP Rocket here, and I’ll be very glad to assist you with this!

I’ve tried to reproduce the issue on my test site, but I want’ able to reproduce it:

Could you check the browser console if there are any errors? Or if you have test/staging site, try disabling other plugins to see if it that will help. If disabling other plugins helps, it would indicate an issue with another plugin.

Best Regards.

Hi Reynir,
I hope you are well!

The Enable Lazyload option should not generate Mixed content, possibly the error is related to a second layer cache or some other configuration.

I can’t review the code you shared because it’s restricted/blocked for my area.

However, I suggest you start by reviewing the most basic configuration of your website. You can read some recommendations in the following article: https://docs.wp-rocket.me/article/314-using-ssl-with-wp-rocket

In case you are on an Apache/LiteSpeed server you can also force HTTPS via htaccess.
You would only have to add the following code at the beginning of the file:
Header always set Content-Security-Policy "upgrade-insecure-requests;"
If you have doubts about how to add it, I suggest you ask your server provider for help.

I hope my answer solves your doubts, and you can solve the mixed content issue.

Hi @clickrmedia

I am sorry for the troubles you are having with this.

Could you please share a URL where we can reproduce this issue? We would like to check, in case we can see something that might give us a clue about what’s going on here.

Best regards.

Hi @thebarebutlers!

I couldn’t replicate the issue on my end.

If you are still experiencing the issue, you will need to disable LazyLoad on the affected pages.

We don’t have a UI for that, but you can do it programmatically by using the following filter:

add_filter( 'do_rocket_lazyload', function() {
    if ( is_page(99) ) {
	return false;
    }
    return true;
} );

Change the 99 by the page ID you want to target.

Kind regards,

Adame

Hi !

Thank you very much for your reply. I hope you’re having a good day.

We’ve tested this matter and couldn’t reproduce it. Please see below:
Full-size image → https://jmp.sh/0x6OaM0

Could you please share more info:
1. If there’s a set of steps to be able to reproduce the issue please list them all

Thank you for your time and patience on this matter. I’ll be waiting for your reply. I hope you have a great day!

Regards,
Jorge

Hi Pashtun,

Yes, at first I believed there were several ways of doing this, but upon re-reading your message I realized my mistake and I badly edited the message.

?Best Regards

Hi @johnthedocs!

Jorge from WP Rocket here.

You could use any of the following helper plugins depending on your needs:

• Exclude specific src files:
  https://github.com/wp-media/wp-rocket-helpers/tree/master/lazyload/wp-rocket-lazyload-disable-src
• Exclude specific classes:
  https://github.com/wp-media/wp-rocket-helpers/tree/master/lazyload/wp-rocket-lazyload-disable-class

Should you have any more questions or concerns please let me know and I’ll be more than happy to help you. Thank you for your time and patience. I hope you have a great day.

Regards,

• This reply was modified 3 years, 4 months ago by WP Rocket.

Hi, Pashtun!

Jurica from WP Rocket here.

To exclude the image you can try the following:

– You can also use the filters rocket_lazyload_excluded_attributes or rocket_lazyload_excluded_src to exclude specific patterns.

?Best Regards

Hi @johnthedocs,

Jurica from WP Rocket here. Thank you for contacting WP Rocket’s support.

`You have several options to exclude images from being lazyloaded:

– You can simply add a data-no-lazy="1" property in your img or iframe tag.

– You can also use the filters rocket_lazyload_excluded_attributes or rocket_lazyload_excluded_src to exclude specific patterns.

– For iframes, the filter is rocket_lazyload_iframe_excluded_patterns

You can read how to preload an image in this article: Preload Largest Contentful Paint image.

I hope this information helps!

Best Regards,

Hi, Pashtun!

Jorge from WP Rocket here. Apologies for the delay in our reply. We are dealing with a higher volume of support requests than usual. Thank you for your patience.

The problem is that the image is not present when the script to create the effect is fired. The script in charge of the effect is this one:

• /wp-content/themes/hestia-pro/assets/js/parallax.min.js

After reviewing the script, there’s a function that’s listening to the onWindowResize event which is why whenever you change the size of the window it works. The only option would be to exclude that image.

Should you have any more questions or concerns please let me know and I’ll be more than happy to help you. Thank you for your time and patience. I hope you have a great day.

Regards,

• This reply was modified 3 years, 4 months ago by WP Rocket.
• This reply was modified 3 years, 4 months ago by WP Rocket.

Hi @delaspuke.

You can use the following code snippet:

add_filter( 'rocket_lazyload_youtube_html', 'add_gdpr_note');

function add_gdpr_note( $youtube_lazyload ) {
   $youtube_lazyload .= '<div class="lyte_gdpr">The video is embedded by Youtube. The privacy policy of Google applies.<hr /></div>';
return $youtube_lazyload; 
}

You can change the lyte_gdpre class to one that will be used to style the GDPR note.

Regards,

Vasilis

Hi there!

Thank you very much for your reply.

We’re sorry to know we were not able to satisfy your current necessities and hope we can work this out in the future.

Thanks for the patience. Have a wonderful day.

Regards,
Jorge

Hi?@loveinlions ,

Alfonso from WP Rocket here. Thank you for contacting us! ??

Thank you @roam92 for your assistance here.

You have several options to exclude images from being lazyloaded:

– You can simply add a data-no-lazy="1" property in your img or iframe tag.

– You can also use the filters rocket_lazyload_excluded_attributes or rocket_lazyload_excluded_src to exclude specific patterns.

– For iframes, the filter is rocket_lazyload_iframe_excluded_patterns

I hope this information helps!
Let me know if you need any further assistance, I am happy to help. ??

Best Regards,

Hi Hamilton!

I can see various errors in regards to the images that are failing to be loaded as if there was a 403 when trying to fetch the URL of the images. Could you please check whether disabling LazyLoad allows for the images to work?

Should you have any more questions or concerns please let me know and I’ll be more than happy to help you. Thank you for your time and patience. I hope you have a great day.

Regards,
Jorge

Hi @mgris!

Thank you for letting us know ??

You are right. The variable is not declared for the second condition.

I opened a GitHub issue for our dev team to check and fix – https://github.com/wp-media/rocket-lazy-load/issues/123

Best regards,

Adame