Page speed slow "LCP issue: longer than 4s (mobile)"

Hi there,

High LCP can be for many reasons.
Sometimes its directly related to the LCP Element, if for an example thats a large image file, its being lazy loaded, or its a background image.

But a lot of the time its because of what else is being loaded on the site.

If you have a link i can take a quick look for any obvious issues.

Hi David, thank you! I still have a lot to learn.
The main domain is panfishnation.com. The example URL web vitals is listing is https://panfishnation.com/shell-cracker-fish/ (along with 19 other 'similar' URL's).

I really appreciate your help!

Adam

Hi Adam,

I've checked the link you've provided. (and did a google PSI check here)
https://share.getcloudapp.com/2Nuqj9J0

Let's address the easy ones first.

For "Image elements do not have explicit width and height", your logo is being flagged.

This has been addressed on the newest version of GP and GP Premium. All you need to do is to re-upload the logo. The image attributes should automatically be assigned.

For "Ensure text remains visible during webfont load", it's the Google font Open sans that's being flagged.

Add this PHP snippet -

add_filter( 'generate_google_font_display', function() {
    return 'swap';
} );

For "Reduce unused CSS" and "Eliminate render-blocking resources".

These things are generally addressed by using a caching/optimization plugin. Try installing one on your site to improve on this.

For "Reduce initial server response time",

This is something server-related. Normally, this occurs on sites that are hosted on shared servers. Or from low-quality servers.

This is something we can't address on our end unfortunately.

Hi Elvin, thanks so much!

Can you please clarify where specifically to add the PHP snippet? My apologies but I am a total newbie!
Thank you so much for the other recommendations I am going to work on them!

Here's a brief documentation on how to add PHP snippets - https://docs.generatepress.com/article/adding-php/

It's basically a choice between using Code Snippets plugin or a child theme's functions.php.

Hi Elvin- I tried to re-upload the logo but I am still getting the same "Image elements do not have explicit width and height" message on pagespeed insights.

Hi there,

see Toms reply here regarding the width / height attributes:

https://generatepress.com/forums/topic/logo-does-not-have-explicit-width-and-height/#post-1762272

regarding LCP times - check your other topic and my reply to that - if thats applicable then it will remove a chunk of the CSS that is render blocking - which will help with LCP.

The other main Opportunity on googles Page Speed Insights is Reduce initial server response time - might be worth speaking to your host about that

Thank you.

You're welcome