LCP too High on Mobile

Hi Christina,

Can you link us to a sample page in question? To check the actual featured image causing the LCP.

It may be because the IMG is too large and needs to be compressed or resized to display a more appropriate image size.

Note: I see you're using lazy loading. I don't recommend lazy loading any images that are above the fold. That causes problems.

Sorry, here is a link of a typical page: ** URL removed by Admin **
I do not have lazy loading enabled on the featured image, which should be the only image above the fold.

Hi there,

can you re-check that link ( i have deleted it from your reply ) as its taking me to a WP setup form....

Hi, here is the link again: https://www.travelswithted.com/12-volt-led-lights-for-rvs/
The issue with the redirect should be resolved.

Theres few issues - lets see if we can first force the browser to load a smaller image size on mobile.
Try adding this PHP Snippet:

function db_modify_srcset_sizes($sizes, $size) {
	return '(max-width: 420px) 300px, (min-width: 421px) 768px, (min-width: 769px) 1024px, 100vw';
}
add_filter('wp_calculate_image_sizes', 'db_modify_srcset_sizes', 10 , 2);

Another issue is the CSS being loaded by the Woocommerce Blocks Plugin - are you using this plugin on your site?

Finally the other issue looks to be server related - are you using Ezoic ? As when i run a Page Speed Insights tests i am seeing some Javascript files that are render blocking.

I have added the PHP to the functions file and deleted the WooCommerce plugin.
Yes, I am using Ezoic.

Looks like that code worked - the site is now loading the smallest image for the mobile device. And PSI is no longer flagging it as an issue.

For the other issues you need to speak with Ezoic.