I’m trying to improve google core vitals metrics and would like some help. When analyzing one of our article URLs: https://thezugzwangblog.com/rules-of-chess/ PageSpeed recommends to minimize the work of the main thread (https://pagespeed.web.dev/analysis/https-thezugzwangblog-com-rules-of-chess/00ovo6sf4z?hl=en&form_factor=desktop) on mobile but I don’t know how I can do it. Also LCP and FCP metrics fail on both mobile and desktop. What can I do to solve this?
Thanks
Hi,
I just checked the https://pagespeed.web.dev/analysis/https-thezugzwangblog-com-reglas-del-ajedrez/00ovo6sf4z?hl=en&form_factor=desktop and now on desktop the score is good – https://i.imgur.com/elRdftV.png now on mobile needs some improvements – https://i.imgur.com/hHbDPxZ.png
Please try the plugin for OMGF fonts. On WP Rocket make sure that you have the remove unused css option on, and use a plugin to optimize and convert images to webp.
Also, using CDN (Cloudflare), will improve the performances.
Thank you!
Hi,
Unfortunately, we still have the same problem. In fact, it’s worse now than before. We can’t get the LCP down. We’ve contacted Google support and they tell us literally this: “I’ll make a recommendation and it’s about the template you’re using; in my opinion it’s nicely visible but I’ve never gotten good performance with it; especially since it only contributes to the home page and doesn’t impact the rest of the site (where most of the performance issues exist).”
Any help that really solves the problem?
Thanks.
Hi TheZugzwangBlog,
Ok, let’s try to resolve the problems one by one, first on homepage:
– you have some errors in console that should b resolved – https://i.imgur.com/afwoy3V.png
– the footer logo image is missing – https://i.imgur.com/i3eAHkX.png
– for “Background and foreground colors do not have a sufficient contrast ratio.” use this custom css:
.td_block_big_grid .td-big-grid-meta,
.td_module_mx1 .meta-info {
background: #111;
}
.td_module_mx1 .meta-info {
padding-top: 16px;
padding-bottom: 16px;
margin-bottom: 0;
}
– set for “Últimas entradas” a different SEO title, set it on H2 – https://i.imgur.com/gyBDQWt.jpeg
Those should improve the situation. After you implement it let me know and I will check and see what remains and provide some solution to make it better.
Thank you!
Hi Calin,
Thanks for your suggestions, I’ll tell you:
1) I don’t know how to solve this. How do I do it?
2) I’ve been able to solve it.
3) I’ve been able to implement it.
4) I’ve changed the title from H3 to H2. I think this is what you were saying.
I remember that the problems don’t occur on the home page, but in the articles, for example: https://thezugzwangblog.com/reglas-del-ajedrez/
Thanks
Hi,
I’m glad that there are improvements!
1) I don’t know how to solve this. How do I do it? – That one is related to some settings in wp rocket, here is a similar topic – https://forum.bricksbuilder.io/t/how-to-fix-pagespeed-issue-referenceerror/10792/2
4) I’ve changed the title from H3 to H2. I think this is what you were saying. – yes this was what I mean.
– Background and foreground colors do not have a sufficient contrast ratio. -> I see that now is only on footer there is should be better to change the email color to #ffffff if you want you can use this css that will set the hover on it:
.footer-email-wrap a{
color: #ffffff;
}
.footer-email-wrap a:hover{
color: #c8152b;
}
– Touch targets do not have sufficient size or spacing. -> please try this custom css, it should resolve a part of targets:
.meta-info,
.td-post-category {
font-size: 12px;
}
I hoe this will help!
Hi Carlin,
Thanks for your help.
– I disabled wp-rocket as recommended in the link, performance metrics got worse, I re-enabled it and the console issue was resolved. However now I see this: (index):148
GET https://thezugzwangblog.com/wp-content/plugins/td-composer/legacy/Newsmag/js/tdAjaxSearch.js?ver=5.4.3 net::ERR_ABORTED 404 (Not Found)
complianz.min.js?ver=1717452515:1 opt-in
– I have applied the changes, changed the footer to a simpler one as well. After applying the suggestions the pagespeed metrics have gotten considerably worse. I have gone from 93 in the metrics to 74 on desktop and it has dropped to 54 on mobile. Here is the link: https://pagespeed.web.dev/analysis/https-thezugzwangblog-com-reglas-del-ajedrez/j0xjmuo53x?hl=es&form_factor=desktop
I’m waiting because I’m worse off now than before… 🙁
Hi, maybe you checked on pagesped and the cache was not complete for the page/post.
I see that you have changed the footer. Also I checked the homepage and it has now 80 on mobile – https://i.imgur.com/1EzcOG5.png and 85 on desktop – https://i.imgur.com/TcGp11j.png
Now related to this page – https://thezugzwangblog.com/reglas-del-ajedrez/ the page is huge, if you check on smaller articles the score is better.
Hello again,
As I have explained on several occasions, the problem does not occur with the main page. The official Google service has already explained it to us as well. The problem occurs in the articles. I have tried with a shorter article and the problem still exists. The LCP, FCP and TTFB markers. This is something we need to fix.
I wonder if it is possible to fix this with your template. Google tells us to change the template, but I find it hard to believe that this is the solution. At the moment, the suggestions you give us still do not solve the problem.
We are still waiting.
https://pagespeed.web.dev/analysis/https-thezugzwangblog-com-clases-de-ajedrez-online/nrthhf7zx8?hl=es&form_factor=mobile Here you can see how the metrics do not exceed 59.
Thank you.
Hi TheZugzwangBlog, can you please make a backup for the website and contact us via email at contact@tagdiv.com and provide temporary wp-admin access to the website? Also include a link to this topic. Having access will be easier to see if the recommendations will apply on your website or not and this will short the time.
Thank you!
Hi Calin, we are currently reviewing the website once again with an external technician. We will give him the opportunity to review it without interfering. As soon as the reviews are finished, we will write to you to try to find a solution. Thank you.
Hi,
Ok, in case it is still needed, we will hear from you after the technician checks the site and we will see what can be done!
Have a nice weekend!
Hi Calin, the technician we hired tells us the same thing as the Google technician, that we have to change the template because it is not possible. I hope that both are wrong, that is why we trust you and I will write to you by email. Thank you.
Hi, ok, just please make a full backup and contact us via email, provide wp-admin access and a link to this topic. I will check it as soon as possible.
Hi, I already did all that last week.
Hi,
We find the email. We’ll reply there as soon as we get some improvements!
Thank you!
Good afternoon again,
After two months, I still have the same problem. In fact, it is even worse now because the LCP has increased and the search console still does not validate the changes. I attach a screenshot.I have written to you again by email.
I look forward to hearing from you.
Thanks.
