[Support request] site performance issues

[MJ123]

Hi,
im trying increase my site performance on mobile and have a few issues trying to solve.
the main issues highlighted on Pagespeed Insights are TTI and TBT which I believe cause the FCP and CLS to be high as well.
the Initial server response time is also very high.
The homepage get much lower performance score than the posts.
I understand that these problems are complex and different factors can prevent a fast performance.
I checked almost all speed optimization GP. but it seem like whatever I do, the performance doesn’t want to go up.
Is there anything im missing or doing wrong that the performance stay low ??

I also have issues with using system fonts before my local fonts loads to speed up my site. The Pagespeed Insights keeps telling me to “Ensure text remains visible during webfont load” im using Ezoic and the Font optimization options are turned on as per recommendation of pagespeed insights.
I tried adding the following code to Styles.css in my child them to solve this issue but I think im doing it the wrong way as it doesn’t appear to work:

@font-face {
 font-display: swap;
}

I appreciate shedding some light to solve these issues
thank you

[Fernando]

Hi Milad,

Google Tag is one very performance-heavy add-on for a site in general. See here: https://stackoverflow.com/questions/68391231/how-to-avoid-issue-related-to-google-tag-manger-in-page-speed-to-improve-perfoma#:~:text=Google%20Tag%20Manager%20is%20by%20definition

You can try the suggestion in that thread to see how it goes.

You may also try using a CDN to help in delivering your site’s resources. This may help regarding this: https://www.wpbeginner.com/showcase/best-wordpress-cdn-services/

Lastly, in GP, the Font Display setting can be set through Appearance > Customize > Typography. See: https://share.getcloudapp.com/2Nu65Gme You shouldn’t need code to change the font-display. Can you try this first?

Let us know how it goes.

[MJ123]

Hi Fernando,
thank you for being useful as always.
– Im working on ways to reduce the impact of JS on my site. thanks for the gTag link it was helpful.
– Im using a CDN
– in regards to the font:
I currently have a “local font” and im not using google fonts. I’m trying to resolve the “Ensure text remains visible during webfont load” problem. so I have to tell the browser to use a system font until my font loads. Any idea what’s the best ways to do so?

[David]

Hi there,

If you’re using @font-face to load your fonts then the display: swap; property must be included within the CSS specific to that font.

Please note: display: swap; allows the browser to load its system font, and then switch to your webfont once it is loaded, this however can lead to CLS.

[MJ123]

Hi David,
I decided to switch to system fonts for faster performance.
I followed the recommendation you made here but the local font is still being loaded in the bowser. How can I stop the the local font from being loaded? any idea?

[David]

The only font i see loading on your site is the generatepress.woff2 font, which is the font GP uses for its Icons.
If you want to remove that, go to Customizer > General and set the Icon Type to SVG

[Author]

Posts