Disable LazyLoad for iframes
When the LazyLoad for iframes and videos feature causes problems to the iframes, you can opt for disabling it on specific iframes, pages or programmatically.
Disable LazyLoad on specific iframes
There is a field in the plugin settings to exclude iframes from LazyLoad:
To exclude an iframe use any keyword from the <iframe>
element code.
Example
<iframe title="Introducing RocketCDN - WP Rocket CDN Service" width="580" height="326" src="https://www.youtube.com/embed/LtU76BZcRQk?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
To exclude this iframe you could use any of the following:
- The title:
Introducing RocketCDN
- The embed source:
https://www.youtube.com/embed/LtU76BZcRQk?feature=oembed
- The domain:
youtube.com
- this will exclude all iframes from youtube.com
Disable iframe LazyLoad on specific pages
Follow the guide here to disable this option on particular pages.
Programmatically disable iframe LazyLoad
To programmatically disable iframe LazyLoad on certain types of pages you may use this filter:
add_filter( 'do_rocket_lazyload_iframes', '__return_false' );
For example, to disable LazyLoad on only WooCommerce single product pages you could use the following snippet:
function rocket_lazyload_deactivate_on_single_product() { if ( is_singular( 'product' ) ) { add_filter( 'do_rocket_lazyload_iframes', '__return_false' ); } } add_filter( 'wp', 'rocket_lazyload_deactivate_on_single_product' );