[Support request] How To Improve FCP & LCP Score

Hi there,

first address the FCP times, as any improvements made to FCP will flow down to LCP.
If you Page Speed Insight test both links you will see they both have a Diagnostic > Reduce the impact of third-party code

Expanding that diagnostic; you will see all the 3rd party code requests your site is making, and is the major bottleneck for your sites performance.

The Flying Scripts plugin ( or other Optimization plugins ) provide the option to Defer scripts. And i recommend you do this for all 3rd party scripts. This means they will load AFTER your site has finished the initial load.

On your second link you are also using a Lazy Loader, and that is being applied to the featured image. And you don’t want that. Most lazy loader plugins provide an option to Exclude Images from Lazy Loading with a specific CSS class.

First step is to add this PHP Snippet to your sites:

// Add first-featured-image ( or any class ) to featured image of latest post
function skip_lazy_class_first_featured_image($attr) {
  global $wp_query;
  if ( 0 == $wp_query->current_post ) {
      $attr['class'] .= ' first-featured-image';  
  }
  return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'skip_lazy_class_first_featured_image' );

Then in the lazyloader plugin exclude field you can add: first-featured-image

Well at least its now 2.7s as opposed to 4s 🙂
Regarding AdSense revenues…. not sure what the impact will be.
Consider without deferring the Adverts the user ‘may’ ( on a poor network / slow device ) be waiting 4 seconds for the page to load – which may increase bounce rate.
Deferring the ads got it very close to that golden 2.5second load time, which should eliminate impatient user bounce rates. But the ads may take a little longer to appear.
Its which one you think is more detrimental….

One small opportunity:
You can change the Customizer > General > Icon Type to SVG. Won’t make much difference but will remove one of the opportunities on googles PSI report. Make sure to clear caches after changing that.

Then weirdly under Render Blocking resources i see:
DashIcons, Block Editor Styles and Component Styles. They shouldn’t be loading on the front end, they’re all backend styles. Thats not normal. Not sure why they would be there without their being a plugin or custom function requesting them…

Then all that leaves is the Improve Initital Server Response time… thats a hosting question.