Using the Google Search Console I ran the Core Web Vitals and it has brought back warnings for both mobile and desktop on over 400 URLs which is a bit worrying. The two issues are shown in the first screenshot and are CLS and LCP issues. I understand from online research what these are, but how to fix the issues... no idea.
I then had a look at Page Speed insights which also highlights quite a few issues here.
Can anyone at Shopify shed any light on how I can improve or fix this as I could not find anything on the forum or in the help section.
Are you sure Search Console is showing you the metrics for the AMP version and not the regular one?
My recommendation is to switch your site to AMP Standard mode, and then work on resolving any AMP compatibility issues that might pop up. Then you should see much better values.
https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html - hope this link will help you.
Hope you are doing well.
Google search console is a free tool that helps you monitor your website performance and therefore optimizes the visibility by making the website rank higher in the SERPs
Google Search Console Issues are -
1) Google has encountered crawling issue - This issue can be fixed by a tool called URL inspection in Google search console which is useful to debug the page and determine the underlying causes for the same.
2) Sitemap no longer exist - Sometimes pages show 404 error and that needs to be removed which is completely acceptable. Only some 404 errors need to be fixed. Eventually Googleboot would stop fetching for such errors.
3) Redirect Error - When you remove a page from your website, its better to set the 301 redirect as to inform the browser that the page has been moved or redirected to the new page. The extension called "Ayima" is great at fetching if the page has been redirected or not.
4) Pages are blocked by robots.txt - If you have submitted the page and the page has been blocked by the robots.txt then the page won't be indexed. To resolve this error you can test the page by robots.txt tester to confirm the problems.
5) Page is marked with Noindex - If you have submiitted the page and that is marked as Noindex. This issue can be resolved by removing the HTTP header or meta robot tag simultaneously.
Wow! I'm shocked at how misguided these responses are @AnnaKennedy. These people clearly have no idea what you're actually asking! The Core Web Vitals your site is struggling with have nothing to do with how many visitors are coming to your site or whether you use AMP. Ignore their guidance and allow me to help get you back on track...
LCP is a speed-focused metric that's affected by:
CLS is a design-focused metric that's affected by:
The target LCP is between 2.5 - 4 sec and your mobile LCP is averaging 10 sec, hence the LCP warning. The target CLS is 0.1 - 0.25 and your mobile CLS is averaging 0.19, hence the CLS warning.
Here are some specific and actionable recommendations to improve your Core Web Vitals. There's a lot of overlap between LCP and CLS so I'll combine them into a single list:
Hope this helps! Let me know if you have any other questions. I'm not a developer or designer, but any reputable Shopify expert/agency can help you implement these recommendations if you can't figure them out on your own.
Hello KevinW, thanks for your answer.
I have been working on your recommendations but still having those issues in my Google Search Console.
I have got an Out of the sand box theme.
Have you got any other recommendations for this kind of cases?
My site is florster.com
Thanks a lot
Kevin, your response is the first clear and sensible thing I have read on CLS and LCP - and I have been scouring the net for a couple of days! Thank you so much, it's a life saver.
We switched over to Prestige theme three days back and I am yet to see any changes in the CLS and LCP issues in our search console. The site is noticeably faster so I am a bit confused - does it take a long time for speed changes to register with Google?
Thank you so much again for your clarity!
@KevinW's answer is the most on-point and detailed answer I've seen. In a more general answer, I've frequently seen that large images are one of (if not the) most important factor when it comes to slowing down site loading time. I usually find it extremely beneficial to use an image compression site like tinypng.com to reduce the size of all images on a website.
Regarding Google search console, it is possible to resubmit your site to Google (details here) for re-indexing, but they're usually pretty fast at updating existing sites in their database. It's possible that there are other issues that are still causing speed issues. Do you know what the average loading time of your site is, both on desktop and mobile? Google's search engine has started significantly prioritizing mobile performance as part of their search results and speed analytics tools.
Is there an optimum number of images and size that should be used.
A few months ago I began to receive the error: LCP issue: longer than 2.5s (mobile). From your response last year, you discussed that LCP in relationship to the number and size of the images you've uploaded. I add several photos per listing and use 2032 x 2032 px template--although I'm not always careful the quality size (image resolution) I upload to Shopify. For some reason, I thought Shopify resized the resolution automatically.
I have minimal apps installed and use the Shopify Minimal Theme.
Thanks for any help.