WP Rocket

Hi @rodolfoalexander!

Sorry to hear that.

This might happen if the lightbox copies and store the src attribute value while the page is loading.

What you can do is disable lazy loading on images where the lightbox is used.

If the lightbox adds specific classes to images, you can use our rocket_lazyload_excluded_attributes filter to target specific classes:

function rocket_lazyload_exclude_class( $attributes ) {
	$attributes[] = 'class="example-lightbox-class"';
	return $attributes;
}
add_filter( 'rocket_lazyload_excluded_attributes', 'rocket_lazyload_exclude_class' );

If you don’t have any specific class applied to images, you will need to manually add the following class to them (without using the filter I mentioned above):

class="<strong>skip-lazy</strong>"

I hope it helps!

Best regards,

Adame

Hi nonobio,

Alfonso from WP Rocket here.
I’m sorry for the trouble you are having with this.

Could you please check if these images have a width and height set in the markup? you can check if by viewing the source code and searching for the img tags. These should have a height and width.

The Lazyload script will take these values.

Let me know if you need any further assistance, I am happy to help. 😉

Best Regards,

Hi @silencerocks!

I’m afraid we have no plans for the moment to host YouTube preview images.

If you are using one specific video per website, you can do the following:

• Download the preview image and upload it to the media library.
• Get the URL.
• Go the to following file: src/Dependencies/RocketLazyload/Assets.php
• Replace: https://i.ytimg.com/vi/ID/' . $args['resolution'] . '.jpg with the URL of your preview image.
• Save the changes.
• Clear the cache (if you are using any cache plugin).

If you are using multiple videos per website, you can do the following:

• Create a new folder where you can put manually videos preview. Let’s name it wp-content/uploads/youtube/
• Upload preview images using the following naming logic video_id.jpg.
• Go the to following file: src/Dependencies/RocketLazyload/Assets.php
• Replace: https://i.ytimg.com/vi/ID/' . $args['resolution'] . '.jpg with https://domain.ext/wp-content/uploads/youtube/ID.jpg. Replace the domain.ext with your own domain name.
• Save the changes.
• Clear the cache (if you are using any cache plugin).

I hope it helps you achieve what you are looking for.

Best regards,

Adame D.

Hi there,

Jorge from WP Rocket here. Thank you for taking the time to contact us.

I see the problem is already marked as resolved. In case you are facing any of the common issues you may want to take a look at our document that talks about them https://docs.wp-rocket.me/article/278-common-issues-with-lazyload

Thanks a lot for your time and patience. I hope you have a great day!

Regards,

Jorge M