Adds option to disable lazyload on PNG.

Author: selul

inc/replacer.php

@@ -662,7 +662,6 @@ protected function strip_image_size_maybe( $src ) {
 			$stripped_src = str_replace( $src_parts[1], '', $src );
 			$upload_dir   = wp_get_upload_dir();
 			// Extracts the file path to the image minus the base url
-			 
 			$file_path = substr( $stripped_src, strlen( $upload_dir['baseurl'] ) );
 
 			if ( file_exists( $upload_dir['basedir'] . $file_path ) ) {
@@ -874,7 +873,7 @@ public function filter_the_content( $content ) {
 			$new_tag = str_replace( 'width="' . $width . '"', 'width="' . $new_sizes['width'] . '"', $new_tag );
 			$new_tag = str_replace( 'height="' . $height . '"', 'height="' . $new_sizes['height'] . '"', $new_tag );
 
-			if ( $this->lazyload ) {
+			if ( $this->lazyload && $this->can_lazyload( $tmp ) ) {
 				$new_sizes['quality'] = 'eco';
 				$low_url              = $this->get_imgcdn_url( $tmp, $new_sizes );
 
@@ -948,13 +947,40 @@ public static function parse_images_from_html( $content ) {
 	 * @return string The HTML without the <header/> tag
 	 */
 	public static function strip_header_from_content( $content ) {
-		if ( preg_match('/<header.*<\/header>/ismU', $content, $matches) !== 1 ) {
+		if ( preg_match( '/<header.*<\/header>/ismU', $content, $matches ) !== 1 ) {
 			return $content;
 		}
-		
+
 		return str_replace( $matches[0], '', $content );
 	}
 
+	/**
+	 * Check if the lazyload is allowed for this url.
+	 *
+	 * @param string $url Url.
+	 *
+	 * @return bool We can lazyload?
+	 */
+	public function can_lazyload( $url ) {
+		if ( ! defined( 'OPTML_DISABLE_PNG_LAZYLOAD' ) ) {
+			return true;
+		}
+		if ( ! OPTML_DISABLE_PNG_LAZYLOAD ) {
+			return true;
+		}
+		$type = wp_check_filetype(
+			basename( $url ),
+			array(
+				'png' => 'image/png',
+			)
+		);
+		if ( ! isset( $type['ext'] ) || empty( $type['ext'] ) ) {
+			return true;
+		}
+
+		return false;
+	}
+
 	/**
 	 * Extract slashed urls from content.
 	 *

tests/test-lazyload.php

@@ -40,4 +40,15 @@ public function test_lazy_load() {
 		$this->assertNotContains( 'http://example.org', $replaced_content );
 	}
 
+
+	public function test_lazy_load_off() {
+
+		define( 'OPTML_DISABLE_PNG_LAZYLOAD', true );
+
+		$replaced_content = Optml_Replacer::instance()->filter_the_content( Test_Replacer::IMG_TAGS_PNG );
+
+		$this->assertContains( 'i.optimole.com', $replaced_content );
+		$this->assertNotContains( 'data-opt-src', $replaced_content );
+
+	}
 }

tests/test-replacer.php

@@ -12,7 +12,8 @@
  * Class Test_Generic.
  */
 class Test_Replacer extends WP_UnitTestCase {
-	const IMG_TAGS = '<div id="wp-custom-header" class="wp-custom-header"><img src="http://example.org/wp-content/themes/twentyseventeen/assets/images/header.jpg" width="2000" height="1200" alt="Test" /></div></div>';
+	const IMG_TAGS = '<div id="wp-custom-header" class="wp-custom-header"><img src="http://example.org/wp-content/themes/twentyseventeen/assets/images/header.jpg" width="2000" height="1200" alt="Test" /></div></div> ';
+	const IMG_TAGS_PNG = '<div id="wp-custom-header" class="wp-custom-header"><img src="http://example.org/wp-content/themes/twentyseventeen/assets/images/header.png" width="2000" height="1200" alt="Test" /></div></div>';
 	const IMG_URLS = '
 	http://example.org/wp-content/themes/test/assets/images/header.png 
 	http://example.org/wp-content/themes/test/assets/images/header.jpeg