[Support request] Low LCP and CLS making Google ignore our site

[Kris]

I have nothing in the Apperance > Elements section.

Should I add the StackOverFlow code there?

…or can I just delete the Tag ending in BC6T in my Google Tag Manager account?

https://i.postimg.cc/WbjvxYpQ/tagmanager3.jpg

(It seems to have a detection problem anyways)

I can see it in the Chrome DevTools slowing down the site.

https://i.postimg.cc/vmS8sr25/chromedevtools.jpg

…and no I’m not using CDN. Most of our images are musch less than 100k in size, which should be pretty fast.

[Fernando]

No, you can’t apply the Stackoverflow solution because your Google Tag code, I believe, is added through Google Site Kit. The two links I shared shows how to add Google Tag Manager without the plugin. If you opt to add it that way, then you can try the Stackover flow solution. Not sure if this will work though, but the idea is to defer Google Tag Manager scripts so that it doesn’t affect performance as much.

If it’s not working, see this link to make it work: https://support.google.com/google-ads/answer/11898619?hl=en#:~:text=Google%20has%20developed%20an%20official,can%20activate%20in%20Site%20Kit.

Otherwise, you can add it manually as shared in my previous response.

With regards to CDN, it helps in delivering various site resources, not just images.

You could also try a plugin like Flying scripts to delay/defer render blocking scripts: https://wordpress.org/plugins/flying-scripts/

[Kris]

OK, mate I have to get back to these tomorrow. My head hurts, …for some reason! 🙂

[Fernando]

I see. Hope you feel better tomorrow! 🙂

[Kris]

Hi Fernando,

OK, I added the code in see img. [removed]

But it shows different in the source code:

<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-NSRRSFH&#8221;
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>

Something is not happening correctly here?

[Fernando]

Hi Kris,

You shouldn’t need another plugin to insert the Google Tag Manager code. You can do it through a Hook Element. Reference: https://docs.generatepress.com/article/implement-google-tag-manager/

Yes, it’s normal that it appears different in the Front End. That should be good.

P.S. I removed the screenshot shared because you have your Tag Id there, and it may not be okay to share it publicly.

[Kris]

OK, I did them using the Hooks now.

I’m still seeing lots of Google Tag Manager lines in the Chrome DevTools See https://i.postimg.cc/V6cTTGpJ/tagmanager4.jpg

In fact, more than before! Confusing… I think it’s going from bad to worse.

(PS. The i.postimg deletes automatically after 1 day)

[Fernando]

I see. Do you still have Google Site Kit enabled?

As mentioned, Google Tag Manager is pretty heavy on performance. It loads multiple JS files. What are you wanting exactly to achieve from and with Google Tag Manager?

[Kris]

All I originally wanted to see was the Google Analytics data. But at this stage I just need the Search Console data.
If I get all clear in Search Console I’d be a happy man!
We have “No URLs with a good page experience on mobile or desktop” in the Page Experience. That is my worst problem.
This is all very confusing since I get good grades from GTmetrix: https://i.postimg.cc/xdYx0JjC/gtmetrix.jpg

[Fernando]

I see. Google Analytics can be added without the need for Google Tag Manager.

Here’s an article that may be helpful: https://www.wpbeginner.com/beginners-guide/how-to-install-google-analytics-in-wordpress/

When you get the Google Analytics tracking code, add it through a Hook Element in wp_head.

Remove the plugins and other stuff you added for Google Tag Manager. This should be a little less performance obstructive.

[Kris]

OK, I will do that.

Fernando, judging from the latest GTmetrix report: https://i.postimg.cc/xdYx0JjC/gtmetrix.jpg
do you think we finally did it?
I mean, those numbers are pretty good!

Page Speed insights still show:

First Contentful Paint 3.2 s
Time to Interactive 6.0 s
Speed Index 3.2 s
Total Blocking Time 400 ms
Largest Contentful Paint 3.7 s
Cumulative Layout Shift 0

[Fernando]

Pagespeed Insight is more accurate. Upon testing, the site still has room for improvement on mobile.

See:

https://share.getcloudapp.com/d5uyr4XB
https://share.getcloudapp.com/12uRe6lq

As shown, the performance is still being affected by Google Tag Manager. To clarify, have you removed everything that you’ve added for that?

There’s also room for improvement for images. See: https://share.getcloudapp.com/8LugBQNZ

You can reformat images the next-gen format images.

[Kris]

I disabled the Google Site Kit plugin and now I can see two Tags in the Chrome DevTools: ending BC6T and RSFH.
In the Google Tag Manager I can see 3 tags: https://i.postimg.cc/zX7sR9pz/tagmanager5.jpg
I created that RSFH today and I can see where to delete that container. Do I delete it?
Regarding the other two: how do I remove those, mate? It seems all in can do is combine them.

Re. WebP images, I can do those in GIMP, but it will go slowly.
Can you recommend a good bulk conversion plugin?

[Fernando]

I’m not sure if you need to delete those. As long as they aren’t added to your site, I don’t think there would be an effect.

How are you adding the Google Analytics Tracking code right now?

Can you share a screenshot of it? Or, can you share login credentials so we can take a closer look?

Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

As for the images, recommended formats are webp and avif.

This article may be helpful in terms of using a plugin for bulk conversion of images: https://imagify.io/blog/best-webp-plugins/

[Kris]

I think the analytics tracking is also managed at the All In One SE plugin? I sent you the login, so you can have alook anyways.

[Author]

Posts