release: v3.12.2

### Bug Fixes

- **Optimization Exclusions Fix**: Resolved an issue where some pages were excluded from optimization due to AJAX requests exclusions.

### Enhancements

- **Lazyloading Menu Item**: Ensure that turning off lazyloading now disables the lazyloading settings menu item in the plugin dashboard.
- **Lazyload Support for Group Blocks**: Added lazyload support for group blocks background for improved performance.
- **Cap Offloading Log**: Capped offloading log read lines to 10,000 for better performance and manageability.

Author: abaicus

assets/src/dashboard/parts/connected/index.js

@@ -50,7 +50,7 @@ function convertToCategory( number, scale = 1 ) {
 		return 30;
 	} else if ( 30 < normalizedNumber && 90 > normalizedNumber ) {
 		return 90;
-	} else if ( 90 > normalizedNumber ) {
+	} else if ( 90 < normalizedNumber ) {
 		return 91;
 	}
 }

assets/src/dashboard/parts/connected/settings/Menu.js

@@ -55,12 +55,16 @@ const menuItems = [
 const SubMenu = ({
 	children,
 	tab,
+	settings,
 	setTab
 }) => {
 	return (
 		<ul className="flex flex-col gap-1 m-0 mt-1">
 			{children.map( item => {
 				const { value, label } = item;
+				if ( 'lazyload' === item.value && 'disabled' === settings.lazyload ) {
+					return;
+				}
 				const classes = classnames(
 					{
 						'bg-light-blue hover:text-purple-gray': tab === value,
@@ -82,13 +86,16 @@ const SubMenu = ({
 
 const Menu = ({
 	tab,
+	settings,
 	setTab
 }) => {
 	return (
 		<div className="basis-1/5">
 			<ul className="grid m-0 gap-1">
 				{menuItems.map( item => {
 					const isActive = tab === item.value || ( item.children && item.children.some( child => child.value === tab ) );
+
+
 					const buttonClasses = classnames({ '!text-info': isActive }, 'w-full bg-transparent border-0 flex items-center appearance-none not-italic font-semibold text-base text-purple-gray cursor-pointer hover:text-info py-2' );
 					return (
 						<li key={item.value} className='m-0'>
@@ -110,6 +117,7 @@ const Menu = ({
 								<SubMenu
 									children={item.children}
 									tab={tab}
+									settings={settings}
 									setTab={setTab}
 								/>
 							)}

assets/src/dashboard/parts/connected/settings/Resize.js

@@ -108,7 +108,7 @@ const Resize = ({
 
 			<hr className="my-8 border-grayish-blue"/>
 
-			<ToggleControl
+			{ 'disabled' !== settings.lazyload && ( <> <ToggleControl
 				label={ optimoleDashboardApp.strings.options_strings.enable_retina_title }
 				help={ () => <p dangerouslySetInnerHTML={ { __html: optimoleDashboardApp.strings.options_strings.enable_retina_desc } } /> }
 				checked={ isRetinaEnabled }
@@ -119,9 +119,9 @@ const Resize = ({
 					}
 				) }
 				onChange={ value => updateOption( 'retina_images', value ) }
-			/>
+			/> <hr className="my-8 border-grayish-blue"/> </> )
+			}
 
-			<hr className="my-8 border-grayish-blue"/>
 
 			<ToggleControl
 				label={ optimoleDashboardApp.strings.options_strings.enable_limit_dimensions_title }

assets/src/dashboard/parts/connected/settings/index.js

@@ -85,6 +85,7 @@ const Settings = ({
 			<Menu
 				tab={ tab }
 				setTab={ setTab }
+				settings={ settings }
 			/>
 
 			<div className="basis-4/5">

inc/filters.php

@@ -26,7 +26,10 @@ public static function should_do_page( $contains_flags, $match_flags ) {
 		}
 
 		$check_against = [ $_SERVER['REQUEST_URI'] ];
-		if ( isset( $_SERVER['HTTP_REFERER'] ) ) {
+		// This code is designed to handle ajax requests on pages that are excluded.
+		// For ajax requests, the referer is set to the page URL and they use a POST method.
+		// If an ajax request uses a GET method, it can be managed using the available exclusion rules.
+		if ( isset( $_SERVER['HTTP_REFERER'] ) && $_SERVER['REQUEST_METHOD'] === 'POST' ) {
 			$check_against[] = $_SERVER['HTTP_REFERER'];
 		}
 		foreach ( $check_against as $check ) {

inc/lazyload_replacer.php

@@ -119,6 +119,7 @@ public static function get_background_lazyload_selectors() {
 			'.elementor-section[data-settings*="background_background"]',
 			'.elementor-section > .elementor-background-overlay',
 			'[class*="wp-block-cover"][style*="background-image"]',
+			'[class*="wp-block-group"][style*="background-image"]',
 		];
 
 		$saved_watchers = self::instance()->settings->get_watchers();

inc/logger.php

@@ -184,7 +184,7 @@ private function tailCustom( $filepath, $lines = 1, $adaptive = true, $separator
 
 			$buffer = min( $buffer * 2, 4096 );
 		}
-
+		$pos = -1;
 		if ( ! empty( $separator ) && $separator_found ) {
 			$pos = strrpos( $output, $separator );
 			if ( $pos !== false ) {
@@ -197,7 +197,10 @@ private function tailCustom( $filepath, $lines = 1, $adaptive = true, $separator
 		if ( empty( $separator ) || ! $separator_found ) {
 			$output = implode( "\n", array_slice( $output_lines, -$lines ) );  // fetch last n lines
 		} else {
-			$output = implode( "\n", array_slice( $output_lines, 0, $lines ) );  // fetch from separator
+			// Calculate the start position for slicing
+			$start_pos = max( $pos + 1, count( $output_lines ) - $lines );
+
+			$output = implode( "\n", array_slice( $output_lines, $start_pos, $lines ) );  // fetch from separator
 		}
 
 		fclose( $f );