How to Exclude Posts from Lazy Loading?

Hi @generosus,
Unlike Perfmatters which works at the page level, Optimole works at the image level. So, you can take advantage of optml_dont_replace_url filter to exclude certain URLs from lazy loading as pemtioned here: https://docs.optimole.com/article/1191-exclude-from-optimizing-or-lazy-loading

Hey @isaumya,

Ah, makes more sense now. Thank you.

Concerning your filter (below), how can we modify it for multiple images?

add_filter('optml_dont_replace_url', function( $old, $url ) {
if ( $url === 'https://example.com/wp-content/uploads/2018/09/1.jpg' ) {
return true;
}
return $old;
}, 10, 2);

Again, thank you.

Hi @generosus,
You can either create an array of URLs and then check the url inside that array to achieve what you are looking for.

Alternatively you can take advantage of the exclusion section in the plugin settings page: https://docs.optimole.com/article/1191-exclude-from-optimizing-or-lazy-loading#exclusions

Hi @isaumya,

So, as an example, what would the above filter look like for excluding three (3) image URLs?

Thank you.

Hi @generosus,
You can go inside the plugin settings > exclusions section and add new exclusion saying don’t lazyload if filename contains some-text.

Here’s a screenshot:

Hey @isaumya,

Yes, we know that part. We don’t want to use your plugin’s built-in exclusions, we want to use the PHP code snippet you provided — which is good only for one (1) image.

So, to clarify further, can you provide a single code snippet that will allow us to exclude three (3) images. You may need to consult your developers.

Will this work?

add_filter('optml_dont_replace_url', function( $old, $url ) {
if ( $url === 'https://example.com/wp-content/uploads/image1.jpg' );
if ( $url === 'https://example.com/wp-content/uploads/image2.jpg' );
if ( $url === 'https://example.com/wp-content/uploads/image3.jpg' ) {
return true;
}
return $old;
}, 10, 2);

Thank you.

Hi @generosus,
If you have multiple image URLs parts for which you want to bypass lazy loading you can do something like this:

add_filter('optml_dont_replace_url', function($old, $url) {
  // URL parts for which lazyload will be disabled
  $url_parts = [
    'uploads/image1',
    'uploads/image2',
    'uploads/image3',
  ];

  // Loop through the URL parts to check if the current URL has the URL parts in them - if so return true else return old url
  foreach ($url_parts as &$part) {
    if (stripos($url, $part) !== false) {
      // URL contains one of the parts. 
      return true;
    }
  }

  return $old;
}, 10, 2);

Hope this helps. Please consider searching the web about how to write PHP code foor custom usecases like these.

Hey @isaumya,

Thank you. Just what the doctor ordered ??

It would be great if you can add your code snippet to your documentation (to help the community).

Cheers!