Exploding LCP for mobile since i use AMP Plugin

Hi @kleinefrage,

Thanks for contacting us, and sorry to hear about your issue, I’m here to help you.

AMP plugin performance can be affected by incompatible plugins, the ideal scenario is checking if the plugins that you are using are compatible with AMP for the best from the plugin.

I had a look at your website and there are a few issues that could delay your LCP. There are two font calls with an invalid markup that is causing a CORS error that could delay Your page loading time. Those font calls look like they are called by a plugin “coblocks” and “stow”.

The lines of code that are causing the issues are:

<link crossorigin="anonymous" rel="stylesheet" id="coblocks-block-fonts-css" href="https://fonts.googleapis.com/css?family=ArialOpen+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7C&ver=2.18.1&display=swap" type="text/css" media="all" />

<link crossorigin="anonymous" rel="stylesheet" id="stow-fonts-css" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A300%2C300italic%2C400%2C400italic%2C600%7CDroid+Serif%3A400%2C400italic%7COswald%3A300%2C400&subset=latin%2Clatin-ext&display=swap" type="text/css" media="all" />

To fix it you will need to add a valid link tag, for example:

<link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A300%2C300italic%2C400%2C400italic%2C600%7CDroid+Serif%3A400%2C400italic%7COswald%3A300%2C400&subset=latin%2Clatin-ext&display=optional" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=ArialOpen+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7C&ver=2.18.1&display=optional" rel="stylesheet">

Notice the first link tag will sort the problem with cross-origin calls, you can add the first link tag before the font calls to try to fix the CORS errors:

<link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin>

Or if you are not familiar with code, you should contact the plugin developer responsible for those font calls.

Hello Mr. Cintra,

thanks for info. here a screenshot what i made. Does this way i made it also work???
I removed the google fonts completely through my AssetCleanupPro.
https://snipboard.io/hcxQga.jpg

Or do i need the google fonts? For what are they important? Are they important for something?

Hello @kleinefrage,

Thanks for getting back, removing the Google fonts will remove the fonts used by those plugins that I have mentioned before, It will change the look and feel of the text in the elements added by those plugins.

I was testing the page here, it had some improvements when the font was removed but the LCP still needs improvement, because of the server response time it is slow at the moment, this is a back-end issue it means it happens before AMP being processed, the ideal is check with your hosting that some improvement can be made on this case.

You can read more about on this article.

And here is the performance check for your website at webpagetest.org

I hope that it would help you.

As we didn’t receive a response I’ll mark this as resolved. Feel free to open a new support topic if you require any further assistance.